I'm looking to make a custom underline that is thicker than the max settings of 4px.It looks like em.animated is the one that controls the height of the line:
em.animated {
background-size: 100% 4px
}
When I create my own CSS (using a child theme) to overwrite:
But when I preview it's still 4px. What am I doing wrong" I just want this text to have a custom underline height that doesn't affect the other underlines I have on the site.
I'm looking to make a custom underline that is thicker than the max settings of 4px.It looks like em.animated is the one that controls the height of the line:
em.animated {
background-size: 100% 4px
}
When I create my own CSS (using a child theme) to overwrite:
em.bigLine {
background-size: 100% 22px !important;
}
Then in Highlighted text settings in "Text" mode I add the following:
<h1><em class="bigLine"><strong>Hello World</strong></em></h1>
But when I preview it's still 4px. What am I doing wrong" I just want this text to have a custom underline height that doesn't affect the other underlines I have on the site.
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi Tahir, it looks like I was correct with the code below. For whatever reason my server wasn't reflecting the change until I deleted my cache.