Headline Block Bottom Border

Also for some reason, one one of the icons in the headline bar, it respects my icon color choice, but in another (different icon) it's ignoring my icon color choice (in the headline block settings).

I'm using this cool tool you posted in another thread:
https://jakearchibald.github.io/svgomg/

Is there a setting there which might be overriding the color style?

Thanks again.

Hi Laura,

To achieve the look you’re going for, one approach is to create two Headline Elements, one for the icon and the other for the text.

Another approach is through adding add-bottom-border class to the Headline Block as such: https://share.getcloudapp.com/RBumvjrn

Then, remove the border you added in the Block itself. After that, add this CSS in Appearance > Customize > Additional CSS:

gb-headline.add-bottom-border .gb-headline-text {
    border-bottom: solid 2px rgb(0,0,0);
}

Kindly modify solid, 2px, and rgb(0,0,0) to your preferred values. Here's a color picker site which may help you in picking colors: https://htmlcolorcodes.com/color-picker/

Reference to borders: https://developer.mozilla.org/en-US/docs/Web/CSS/border

With regards to the second inquiry, to have a better understanding of the issue, may you kindly provide the link to the site in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. :)

Thanks very much for that. I did this and it worked:

h5 {
text-decoration:underline;
text-decoration-color:#0fa1d1;
text-underline-offset: 5px;
}

Thanks for the way you suggested to do it as well!

You’re welcome Laura! Glad you found a more appropriate solution!