Hi I am trying to resize the title on the overlapping gallery container for mobile view using CSS and I can't seem to do it, can you please help. In face there are no settings visible for controlling the font size, which is a basic requirement. I hope you can help, Thank you so much.
Hi I am trying to resize the title on the overlapping gallery container for mobile view using CSS and I can't seem to do it, can you please help. In face there are no settings visible for controlling the font size, which is a basic requirement. I hope you can help, Thank you so much.
Attached files: Montoya Font Size issue ticket.png
Hello sunny,
you can resize the titles with css
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
}
plz note that the sizes are expressed in viewport width units therefore they can be set also in pixels.
For mobile devices you can use responsive media queries
@media only screen and (max-width: 479px) {
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
}
modify the code and add it to customizer -> additional css
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio