Archived topic
Additional CSS not working
6 replies · Started by Ivaylo on August 19, 2022
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?

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
The issue is not an image. It's a paragraph. See the link below.
It's working on mobile, your CSS was added within a mobile media query:
https://www.screencast.com/t/VPvooruoSD
Thanks, Ying. I saw the problem and fixed it.
You are welcome :)