Template Salon Fontsize Title In Slider
Christian Burger
Hi guys, I´ve built a website with your template Salon version 1.2. Also, I´m using SP Pagebuilder version 3 and the Helix Ultimate Framework. On my home page, I used the slideshow which was embedded into the template. All is fine, but if I use the site on mobile devices the subtitles of the slideshow are too large. How can I change the font size for different media queries as custom css? Thank you for your support.
Chris
PS: Here the affected website https://www.danielhinterseer.at
Mehtaz Afsana Borsha
Accepted AnswerHi,
Use this custom css
@media (max-width: 767px){
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-sub-title{
font-size:17px !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-sub-title{
font-size:40px !important;
}
}
Add this css code inside the custom.css file. Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code. https://prnt.sc/pu705g https://prnt.sc/pu70zn In Extensions>Template> Template Options > Custom Code > Custom CSS please add this Thanks
-Regards
Christian Burger
Accepted AnswerWow, you are faster then Flash ;-) Thanks a lot for your support. I´ll test it asap.
Have a nice day. Greetings Chris