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 need to make this overlapping text in uppercase, I have tried numerous CSS code but it doesn't seem to work. Please help. The website is kotona.in
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
Hi, try adding in customizer -> additional css
.primary-font-title {
text-transform: none;
}
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
Hi, it doesn't work, please see the screenshot attached below:
Attached files: Kotona title error.png
It seems like an easy css fix will work for this, but trust me it doesn't. I have tried everything.
Hi there,
I think you have an syntax error in your css code, above, in your media query
https://prnt.sc/SLWvxkaGKShx
if you send us wp admin access we can verify the custom css code
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
Ah! My bad, thank you so much for the fix. Appreciate it.