-
AuthorPosts
-
August 4, 2016 at 2:17 am #668330
HI
I don’t think there’s a thread that gives example CSS to cover this issue!!
OK, here goes, the terminology is very precise!
Would like some quick CSS please for the following:
Fullscreen slider + “CAPTION TEXT font size” + mobile
looking to increase mobile size as on iphone it’s very small.
I CAN CHANGE “CAPTION TITLE” font size on mobile through previous posting of example CSS, but not CAPTION TEXT.
your advice please!
many thanks
Richard
August 6, 2016 at 9:20 am #669278Hi Richard,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) { .avia-caption-content { font-size:20px !important; } }
Thanks,
RikardAugust 10, 2016 at 2:49 am #670574Hi
This doesn’t seem to work – I’ve flushed all caches.
Is this specifically for the “fullscreen slider” ?
What I did notice is that both the “caption title” and “Caption text” became the same size although, oddly, the font size isn’t 20 (or 38 etc.)
Ideally I’d be able to change both “caption title” and “caption text” font size
Thanks!
August 12, 2016 at 9:56 pm #672083Hi,
caption title:
@media only screen and (max-width: 767px) { h2.avia-caption-title { font-size: 10px !important; }}
caption text:
@media only screen and (max-width: 767px) { .avia-caption-content.av_inherit_color { font-size: 20px !important; }}
Adjust as needed.
Best regards,
AndyAugust 14, 2016 at 11:05 am #672347Sorry guys this doesn’t work either
please double check this should work for the fullscreen slider ….
I’ve flushed all caches, used new flushed browser and preview mode etc.
regards
richard
August 15, 2016 at 8:25 am #672555Hi,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardAugust 16, 2016 at 1:24 am #672921Hi please see the login details
On Iphone, for example, the fullscreen slider text font is tiny.
I have 4 other websites and will find the solution very helpful.
I wonder if others would have the same problem – clearly, mobile phone screens are very small but the font size of the caption is smaller than paragraph font.
Many Thanks indeed.
August 16, 2016 at 1:53 pm #673220Hi,
I’ve put this code into your Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top .slideshow_caption h2 { font-size: 10px !important; }} @media only screen and (max-width: 767px) { .responsive #top .slideshow_caption .avia-caption-content { font-size: 15px !important; }}
and now it’s working as expected. Adjust font-size as needed.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.