Archived topic
CSS class issue
5 replies · Started by Erin on June 28, 2021
Can you tell me what I'm doing wrong with the following CSS that it doesn't show the proper text-transform or letter-spacing?
.read-more {
background-color: #fdf9e9;
font-size: 14px;
font-weight: 800;
text-align: center;
text-transform: capitalize;
letter-spacing: 0.3em;
padding: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
Hi Erin,
We can't tell by looking at the code without the environment.
Any chance you can link us to the site in question? Point out which part you are trying to apply the CSS to?
You can use the private information field.
Let me know :)
Ah sorry, attached below
So there's another letter spacing CSS which is overriding your new CSS:
https://www.screencast.com/t/p5C2KYQtcA1V
You can try giving it a more specific class, eg: .single-post .inside-article p.read-moreinstead of just .read-more.
For the capitalize text-transform, it won't work if the text was typed in uppercased initially, they should be typed in as lowercased.
Let me know if this helps :)
ohhh ok, thanks so much!!!
You are welcome :)
