-
Posts
-
I am trying to reduce the size of the h2 tag when used in Special Heading element. I have added a custom css class in deveolper settings under the advanced tab. And according to your own documentation that should be the right way to do it, but nothing happens.
Any idea on what I am doing wrong?Regards
NinaHey Advantage09,
Did you try to set the responsive sizes under Enfold->General Styling->Typography? If not, then please try doing so. If you need further help, then please post a link to where we can see the actual element.
Best regards,
RikardI know I can style the H2 tag in general, but I only need to change it in one place. So general styling will not help.
Hi,
I’m not sure that I understand your last reply. Did you try changing it in the place I mentioned earlier? If you change it there, then you won’t need any custom CSS, or changes under Advanced Styling.
Best regards,
Rikardif I style it either under advanced styling or general styling/typography, the change would be site wide. Right?
I only need to change the font-size in one place. That is why I thought giving it a custom css class would do the trick.Hi,
Thanks for the clarification. Then we would need to see the actual element, and the code you are trying to use.
Best regards,
RikardI used css like this
h2 .smallheading {
font-size: 29px;
}
or just
.smallheading {
font-size: 29px;
}
And in the elements advanced tab I added smallheading as a custom css classregards
NinaHi,
Thanks for that, and where can we see the actual element with the class added? We can’t tell you why your code is not working unless we can see the actual problem.
Best regards,
RikardYou can see here. I would like the all headings to be the same size using H2 tag, but not the default size.
Regards
NinaThat was it, thank you!
Just to many things to figure out at the same time. Great support, thank you.Regards
Nina
- The topic ‘Styling H2 tag’ is closed to new replies.