[Resolved] Additional CSS not working

[Ivaylo]

Hi,
I’m trying to style a paragraph and added this CSS in Customize-Additional CSS:

.related {
    border-left: 15px solid #dba433;
	  font-weight: bold;
	  font-family: Roboto;
    text-transform: uppercase;
    padding: 1rem 0 1.5rem 2rem;
    color: #dba433;
}
.related a {
	  display: block;
    color: #000;
}

Trying to create the same look like in this post:

For each paragraph that I would like to style this way I manually add
related

to WordPress Additional CSS class(es) in Advanced Tab in WordPress Post Editor.

What is wrong with the code?

[Ivaylo]

[Fernando]

Hi Ivaylo,

To have a better understanding of the issue, may you provide a link to a product where we can view the image issue?

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

[Ivaylo]

The issue is not an image. It’s a paragraph. See the link below.

[Ying]

It’s working on mobile, your CSS was added within a mobile media query:
https://www.screencast.com/t/VPvooruoSD

[Ivaylo]

Thanks, Ying. I saw the problem and fixed it.

[Ying]

You are welcome 🙂

[Author]

Posts