I have a short question. I am trying to change the font-size for a certain swiper-slider, because it is very small on the tablet and mobile version.
can you tell me how to do it without changing your responsive.css ? I already tried to create an extra-class and change it in the editor but it didn't work.
Try adding 'html body' to the start in the selector to increase its specificity. Also can you provide the site url so i can write up 100% working css for you.
Add this into the Custom CSS box located in your Salient Options panel :
@media only screen and (max-width: 1000px) {
html body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a,html body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a {
font-size: 19px!important;
padding: 6px 13px!important;
letter-spacing: 0.5px!important;
}
}
hey themenectar!
I have a short question. I am trying to change the font-size for a certain swiper-slider, because it is very small on the tablet and mobile version.
can you tell me how to do it without changing your responsive.css ? I already tried to create an extra-class and change it in the editor but it didn't work.
Editor Code (See Line 8)
thanks,
mary
Hey!
Try adding 'html body' to the start in the selector to increase its specificity. Also can you provide the site url so i can write up 100% working css for you.
Thanks
ThemeNectar Support Team
Hey!
@media only screen and (max-width: 1000px) { html body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a,html body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a { font-size: 19px!important; padding: 6px 13px!important; letter-spacing: 0.5px!important; } }
ThemeNectar Support Team
Oh that worked! Thanks a lot Tahir :-)
Best wishes,
Mary