[baba]

Okay thanks.
I will reduce the opacity.
You can close this topic.

Best regards

[baba]

I have been able to keep the image in center by editing the app.css code. I was also able to apply opacity to the bg-image.

The only issue yet unsolved is that the image is still showing over the content. So,
I would be glad if you can provide a code to make the image stay in the background.

I look forward to your feedback.

[baba]

it should be in the background like what you can see in this link

Artificial Intelligence, between hopes and fears for Humankind

[baba]

thanks

[baba]

Thanks for your feedback.

Okay, I will try and change the background image to check.

also, i cant find the line of code “.banner.gradient-bg {” in the app.css

where do I add it?

[baba]

PS: the information around the Host Name & User Agent shows when I removed the line of code (background: transparent !important;) for the /*Gradient Bg */ secton.

But when the page is loading, the first content of the above section flashes the green color before the image shows. I would prefer if it doesn’t flash the green color while also retaining the green color around “your information” in the footer area.

thanks

[baba]

https://www.readmyip.com

[baba]

Thanks for your prompt response.
I followed the above steps and the gif image background is now showing however, it is showing over the above section information. please see image (https://prnt.sc/J-wlhPSBhoCd).
can you give me a line of code that I can apply to the image so that the image will be a little transparent in the background and the information would be more visible?

As for the last line of code, I have actually added it under the /*Gradient Bg */ ,
but the Host Name & User Agent details around the footer area are not showing. I think the transparency affected that. how can I fix this ? see image (https://prnt.sc/TQZcosNWQtrl)

thanks

[baba]

Thanks for your response.

Can you please explain the last part?

Yes, I don’t want the green background.

do you mean I need to replace the “.gradient-bg ” in this image (https://prnt.sc/lzwzA3w0J2YF)
with the custom line of code you posted above?

or, I just need to add the above line of code under the /*Gradient Bg */ code section?

thanks

[Author]

Posts