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
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
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
Hi,
Thanks for the feedback. Please try this CSS instead:
.bold-h3 .av-special-heading-tag {
font-weight:bold !important;
}
Best regards,
Rikard
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