Tagged: font size
-
AuthorPosts
-
April 4, 2018 at 1:13 pm #937116
Hi
I have some conflict that I can’t figure out – trying to control the size of the slideshow titles on the mobile on the page below. the 1st and 3rd slides reflect this css:
@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 28px !important;
}}but the 2nd and 4th slides are displaying this:
@media only screen and (max-width: 479px)
.responsive #top #wrap_all .av-mini-font-size-40 {
font-size: 40px !important;
}}
and I don’t know where to fix that code. I want the font size 28px on all.
thanks for your help
NancyApril 4, 2018 at 3:32 pm #937225Hey Munford,
Best regards,
VictoriaApril 4, 2018 at 4:13 pm #937260reload the page – sometimes they don’t display at first
April 4, 2018 at 4:54 pm #937300Hi Munford,
Does it have some font-size specified in the element options on that page?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) { .responsive #top #wrap_all #full_slider_8 .av-mini-font-size-40, .responsive #top #wrap_all #full_slider_4 .av-mini-font-size-40 { font-size: 28px !important; } }
If you need further assistance please let us know.
Best regards,
VictoriaApril 4, 2018 at 10:56 pm #937391thanks – that worked for those 2 sliders –
do I have to target the sliders individually? I’d like to target all 4 on the page.April 5, 2018 at 12:28 pm #937669Hi Munford,
Well, the other two get the 28px already, so I targeted specifically those that do not work.
Best regards,
VictoriaApril 5, 2018 at 12:33 pm #937675yes – why doesn’t that code also effect slider 4 & 8? That’s where I’m confused.
all the font sizes in the slider captions are set to default. Something is conflicting and I can’t find it.
thanks
NancyApril 5, 2018 at 1:38 pm #937728Hi Munford,
Can I check the settings in backend? Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaApril 5, 2018 at 2:53 pm #937771thanks login below
April 7, 2018 at 4:10 am #938473Hi,
Thank you for the update.
We adjusted the css codes a bit. Please clean up the css modifications. Do not re-declare the same css media queries if they’re targeting the same view port. Always put them at the very bottom of the Quick CSS field.
Best regards,
IsmaelApril 7, 2018 at 3:03 pm #938617Thanks – I can’t see that your adjustments have made a difference.
I still see 2 different font sizes on the mobile.
Is there an easy way to clean up my css? It always gets a bit messy by the time I’m done building.
thanks
NancyApril 10, 2018 at 6:06 am #939586Hi,
Please remove purge the browser cache or do a hard refresh then check the page.
Is there an easy way to clean up my css?
You have to do it manually. Adjust the indents, combine css media queries with the same view ports and move them at the very bottom of the css file or field.
Best regards,
IsmaelApril 10, 2018 at 2:40 pm #939883I still do not see the changes you made to the css. hard refresh, etc.
Can you point to the code you updated so I can see what’s been done?
thanks
NancyApril 11, 2018 at 8:12 am #940267Hi Nancy,
https://cl.ly/2p3S3C1O331S This is the code you have in quick css and so that is why you see the two different sizes. please remove it.
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.