Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2018 at 8:30 am #991434
    jvega_enfold

    Hi,
    I’m a new ENFOLD user (love the theme and amazing work all around)!

    I was wondering what would be the best CSS to apply to change the current Roboto “thin” font that is displayed in the header when using the “Special Heading” element in the avia layout builder. Also what would be the appropriate CSS to apply to adjust the sub-header font weight as well?

    Thanks so much!
    Jesse

    July 30, 2018 at 5:03 pm #991595
    Victoria

    Hey jvega_enfold,

    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

    
 .modern-quote .av-special-heading-tag {
    font-weight: 500;
}
.av-subheading p:last-child {
    font-weight: 500;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 30, 2018 at 9:11 pm #991714
    jvega_enfold

    Hi Victoria,

    Thanks for the quick response! I applied the provided CSS code and was able to get it to work in Quick CSS by making a slight adjustment:
    __
    .modern-quote .av-special-heading-tag {
    font-weight: normal!important;
    }
    .av-subheading p:last-child {
    font-weight: normal!important;
    }
    __
    Does that look fine (I thought !important would be okay to use, but just want to make sure)? Much appreciated and thank you again!

    Best,
    Jesse

    July 30, 2018 at 11:28 pm #991758
    Jordan Shannon

    Hi,

    Yes, !important is just fine in making sure that the style takes effect above all.

    Best regards,
    Jordan Shannon

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