Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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
    Nancy

    #937225

    Hey Munford,

    Best regards,
    Victoria

    #937260

    reload the page – sometimes they don’t display at first

    #937300

    Hi 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,
    Victoria

    #937391

    thanks – that worked for those 2 sliders –
    do I have to target the sliders individually? I’d like to target all 4 on the page.

    #937669

    Hi Munford,

    Well, the other two get the 28px already, so I targeted specifically those that do not work.

    Best regards,
    Victoria

    #937675

    yes – 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
    Nancy

    #937728

    Hi 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,
    Victoria

    #937771

    thanks login below

    #938473

    Hi,

    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,
    Ismael

    #938617

    Thanks – 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
    Nancy

    #939586

    Hi,

    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,
    Ismael

    #939883

    I 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
    Nancy

    #940267

    Hi 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

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.