[totes-mobileParticipant]

Hey guys,
I’ve had my home-page revolution slider setup for several months, and as of a few days ago (without making any changes to the site myself), the background image on the revolution slider is really zoomed in. This issue only happens on Google Chrome and Mozilla Firefox, but it’s fine on Internet Explorer and Microsoft Edge.

I’ve checked the page code and here’s what the html/css code for the bg-img looks like:

<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="examplesite.com/wp-content/uploads/Header-Banner1600px.jpg" data-src="examplesite.com/wp-content/uploads/Header-Banner1600px.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(examplesite.com/wp-content/uploads/Header-Banner1600px.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div>

This all seems fine, but the result is not what it should be. Also, I’ve tried adding this following line to the Custom CSS code, but it didn’t really help.

.tp-bgimg {
    width: 100% !important;
}

Any suggestions?

As always, thank you guys in advance for your help!

[DarshanaModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[totes-mobileParticipant]

This reply has been marked as private.

[totes-mobileParticipant]

I updated to Theme X version 4.1.0 and the problem was resolved.
Sorry about the inconvenience. It’s all good for now! 😀

Thanks again for being so prompt to respond guys!!

[Nabeel AModerator]

Glad you’ve sorted it out 🙂

Cheers!

[Author]

Posts