Hi there,
I have 4 columns: in 3 I have images all of the same size. In one I have a textbox with the revslider shortcode.
How can I change the css to make the slider the same size of the image in ANY device (it is really visible on tablets) ?
Thanks
(Link in the Private content)
Hi Arcatech,
I’m not sure I understand what you are referring to, could you post a screenshot of the problem please?
Best regards,
Rikard
Sure you find the links I have made different screenshots for tablets and pc views
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-49 .avia-image-container-inner {
min-width:100% !important;
}
Thanks,
Rikard
Nothing changed, stays exactly the same…
Hi,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Regards,
Rikard
Sure
Here they are:
Hi,
Thanks but the details are not working for me, could you check/verify please?
Thanks,
Rikard
Hi,
Details from your other thread seems to work so I got in, could you just verify that the details are the same in this thread please?
It looks like your slider is adding a fixed height so you can try the following in Quick CSS:
#rev_slider_3_1 {
height: 170px !important;
}
Thanks,
Rikard
Sorry the url was misspelled I have rewritten it
Your solution works but is not that simple because of the responsive. The height obviously change with the size of the page.
Should I create a fixed height for each device dimention? It would make me mad.
Can’t I remove fixed height and assign the class with js maybe?
Hi,
I’m not sure why there is a fixed height to your slider, it’s a third party plugin so we can’t really be responsible for it. Maybe you could try using one of the sliders already built into the theme to see if that works better?
Thanks,
Rikard
Yes that was the quickest thing to overcome the issue, thanks anyway