Hi,
The text looks very small when looking at the site in mobile view, is there any way I could have greater control of the heading and caption text size. I’ve figured out how to change the button, but can not change the text.
Thanks
Hey jonrouse,
If you are familiar with media queries and css this can be managed via the quick css option.
Best regards,
Jordan Shannon
Hi Jordan,
Sorry no, I’m self taught via the Enfold forums, so I might know what they are without knowing!
Is it this kind of thing?
@media only screen and (max-width: 1060px) {#top .avia-slideshow-button { font-weight: 900 !important; font-size: 14px; padding: 15px 15px 13px; }}
I tried something like this, but couldn’t identify the correct resource to attribute it to.
Hi,
Try adding the following to the very top of quick css:
@media only screen and (max-width: 767px) {
h2.avia-caption-title {font-size:50px!important;}
.avia-caption-content p { font-size:18px;line-height:20px!important}
}
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for that. It worked for the caption, but not the heading. After doing a bit of playing around I think I found the right resource.
.responsive #top .slideshow_caption h2
So the code is now
@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {font-size:28px!important;}
.avia-caption-content p { font-size:26px;line-height:25px!important}
}
I have sooooo much CSS in there now!
Hi,
Haha! That comes with the customization of a site. Just make sure you keep it clean so it all works. I’m glad we were able to help you out with this, should I close this thread?
Best regards,
Jordan Shannon
:) Yes, thanks for the great help yet again!
Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon