Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1003241

    Hi Enfold team,

    I was wondering if it is possible to make H3 bold, but not as a default setting.

    For example I would like to make the following headers on my homepage bold:
    – jouw coach Eefke
    – coaching op maat

    Do I need to put information in the ‘CSS Class’?
    Looking forward to your reaction.

    Thanks.
    Eefke

    #1003385

    Hey Eefke,

    If you add a class like bold-h3 to the elements, you can then use this in Quick CSS:

    .bold-h3 {
      font-weight:bold !important;
    }

    Best regards,
    Rikard

    #1005157
    This reply has been marked as private.
    #1005267

    Hi Eefke,

    You wrote this:

    Do I need to put information in the ‘CSS Class’?

    So I assumed that you were familiar with the CSS class field, if not then you activate that under Enfold->Layout Builder. After that you will get an extra field in all elements in the layout builder to add a CSS class to them. In the example I posted you would add this to the class field:

    bold-h3

    Then add the example CSS to Quick CSS.

    Best regards,
    Rikard

    #1005589
    This reply has been marked as private.
    #1005611

    Hi,

    Thanks for the feedback. Please try this CSS instead:

    .bold-h3 .av-special-heading-tag {
      font-weight:bold !important;
    }

    Best regards,
    Rikard

    #1005620
    This reply has been marked as private.
    #1005624

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1005630
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.