Images showing incorrectly - Slider Rev

[delfijurado]

Hi! I’m having an issue with Slider Rev. I’m trying to showcase different colored motorcycles in the tab element and using slide rev but when I change tabs the images appear very small (As shown in the screenshot) and they only show normally when the user clicks on the picture or wants to use the slider. Is there anything that can be done so the pictures show correctly?

Thank you!

[friech]

Hi Delfina,

Thank you for writing in, we need to see your slider’s configuration closer, please provide us the site URL and login credentials in a secure note.

Cheers!

[delfijurado]

Hi @friech,
Of course. You will find the information in the secure note

[friech]

Hi Delfina,

Thank you for the credentials, but I am still confuse, would you mind to clarify where is the Tab Element that you’re referring above? In what page? I cant find it on your homepage.

And can you provide an example of what you’re trying to do?

Thanks,

[delfijurado]

Hi @friech of course. Sorry for not clarifying where the slider revolution is. You can find the link in the secure note below.
I want the slider to be viewed correctly when passing from tab to tab.

[prakash_s]

Hi Delfina
I checked your website by given admin details. It seems that there is some problem in the Revolution slider and tab element.
To fix your issue please add this code in the page CSS box.

 #coloresinterceptor .x-tabs-panel:not(.x-active){
display:block!important;
opacity:0!important;
}
#coloresinterceptor .x-tabs-panel.x-active{
opacity:1!important;
}

Please have a look at the screenshot given below so that you can add the CSS code at the correct place.

Please note that the purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope It Helps
Thanks

[delfijurado]

Hi @PrakashS,

I understand that adding CSS is outside the scope of the theme support. Thank you so much for helping me solve my issue.

[marc_a]

@delfijurado,

It’s our pleasure to help you.

Thank you.