Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2021 at 11:43 pm #1300605
    CharlieTh

    I may not explain this well.

    In Theme options, there is a way to change size of H1, for instance. It appears to be a single size for a particular element.

    When designing a page, one has the option to set value for H1 — for desktop and medium screens and small screens and very small screens.

    It would be very handy to leave those at default, except my idea of the default varies from Enfold’s, so I end up repeating lots of inputs for those screens instead of just leaving as “default”.

    Is there a way to not only set size of H1 — but the four screen possibilities for H1 — within Advanced Styling? Or elsewhere?

    Have I missed one of your many clever ways to make Enfold easier for us?
    Please let me know…think it would make like a lot easier.
    Thanks!

    May 19, 2021 at 6:43 am #1301129
    Nikko

    Hi CharlieTh,

    At the moment, there’s no option to change the heading size just like in the Text Block.
    We will be requesting for this feature.
    At the moment, would it be okay if we give you some CSS code to help with it?

    Best regards,
    Nikko

    May 19, 2021 at 2:10 pm #1301205
    CharlieTh

    Yes, that would be great!

    Another comment…
    When in ALB and see the 4 possible screen sizes for a font…it will say: default.
    It
    would be nice to have some sort of indicator (maybe where shows the media query information as help in text to the right side) — or as hover — of WHAT size that default IS.

    That way, if I think it’s wonderful, I can leave, or I can change. But right now, I am blind to the value.
    Another thought. If you could indicate in which css file the media queries set the default sizes, that might help as well. And how to re-set those defaults in the child theme? Ah, dreams are good things! Love Enfold as it is…am not complaining … just dreaming.

    Will be thrilled to receive css, though. These are just musings of a user!

    Thanks for answering!

    May 21, 2021 at 5:19 am #1301510
    Nikko

    Hi CharlieTh,

    You’re welcome :)

    The default is the font size that is set in Enfold > General Styling > Fonts > Default content font size
    As for the code, you can use this one (just replace the font size values):

    #top #wrap_all #main h1 {
    font-size: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 989px) { 
  #top #wrap_all #main h1 {
    font-size: 26px;
  }
} 

@media only screen and (min-width: 480px) and (max-width: 767px) { 
  #top #wrap_all #main h1 {
    font-size: 24px;
  }
} 

@media only screen and (max-width: 479px) { 
  #top #wrap_all #main h1 {
    font-size: 20px;
  }
}

    The media queries used are the same as the screen sizes set used by Text Block setting.

    Best regards,
    Nikko

    May 21, 2021 at 6:32 pm #1301701
    CharlieTh

    Thanks, Nikko. Very useful!
    Appreciate your time. You can close this now.

    May 22, 2021 at 4:08 pm #1301751
    Nikko

    Hi CharlieTh,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Theme options to change defaults for various media queries?’ is closed to new replies.