-
Posts
-
I have the following text within a color section:
<h1 style=”text-align: center; color: #f3f3f3; font-size: 55px; font-weight: 900; letter-spacing: 1px;”>MY H1 Heading</h1>
It looks like this in the Avia Layout Builder:
http://screencast.com/t/QkNbIvaYdHowever, when it renders, it does not look like that at all. It seems like the formatting is being overwritten. I did some searching here and found that perhaps I needed to use the Advanced Styling section within Enfold options, but that did not seem to work.
Hey domainarchitect,
Yes you are correct. The specificity of the style is overwritten. In order to add your custom styles please add a custom css class name to the advanced layout builder elements and target it using CSS by adding your code to Enfold > General Styling > Quick CSS or in child theme styles.css
kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Please feel free to get back to us if yu have any questions.
Best regards,
VinayThanks!
I think I got the hang of it by using a class = tester then using css:
h1.tester {blah blah}
However, I would like to have this particular h1 tag display as bold or black. I believe we are using Raleway of the Google Fonts…is it possible to use one of the bolder styles or black style:
https://fonts.google.com/specimen/RalewayI can’t get it to work with any of these: font-weight:900; font-weight:bolder; font-weight: bold; font-style:black;
Hi,
Sorry for the late reply. I think you have to import the additional weights of the font to be able to use them. Please refer to the examples here: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
Thanks,
Rikard
- You must be logged in to reply to this topic.