How to change the Green background to a gif image

[baba]

Hi,

I ask this pre-order question earlier ( https://prnt.sc/SHvjjM3ygdaR ) on your script comment section on Envato. I have now purchased the script.

Can you please tell me how I can change the green background? I would like to replace it with a gif image.

I look forward to your feedback.

Best regards,

[ThemeLooks Support Team]

Hello,

Please follow the steps below.

1. Paste your gif image to

WhatsIPs -> public -> assets -> frontend -> img

folder

2. Edit app.css file from

WhatsIPs -> public -> assets -> frontend -> css

folder

3. Goto line number

4676

and replace the

banner-bg.png

with your gif image name https://prnt.sc/WYay5ZzIbYYS

4. If you don’t want the green color then you can use the custom CSS below

.gradient-bg {
  background: transparent !important;
}

Best Regards,
ThemeLooks Support Team

[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

[ThemeLooks Support Team]

Hello,

You just need to add the above line of code under the /*Gradient Bg */ code section.

Best Regards,
ThemeLooks Support Team

[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

[ThemeLooks Support Team]

Please provide your website URL to review the issue to assist.

Best Regards,
ThemeLooks Support Team

[baba]

https://www.readmyip.com

[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

[ThemeLooks Support Team]

You can use the custom CSS below as your image background is black.

.banner.gradient-bg {
  background: black !important;
}

Moreover, based on your image it’s showing like over the above section information but the background is under the information. In this case, you can change the background to check this out.

Best Regards,
ThemeLooks Support Team

[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?

[ThemeLooks Support Team]

You will not find the code as it’s a custom CSS. You just need to replace the previously provided code with this. Add it anywhere in the app.css it will work.

Best Regards,
ThemeLooks Support Team

[baba]

thanks

[ThemeLooks Support Team]

Please don’t forget to give us a 5-Star ‘rating and review’ (on https://codecanyon.net/downloads ), if you like our item and our support too. It will give us inspiration and make us more ‘happy’ to provide exclusive support.

Best Regards,
ThemeLooks Support Team

[Author]

Posts