Would like help adding border around “Read more” button

[Joan]

I’ve imported the Marketer Site to use as the basis for my blog. I am trying to add a border around the “Read more” button by adding some custom css. I thought it would be simple (and probably is), but I can’t figure out what the button’s selector is or how to specify it in css.

Can you advise?
Is there CSS documentation for library site “templates” anywhere that specifies the classes used for each html element?

Thanks, Joan

[Elvin]

Hi Joan,

You can try this CSS code.

.read-more.button {
	border: 3px solid red;
}

Is there CSS documentation for library site “templates” anywhere that specifies the classes used for each html element?

I’m afraid there’s no super specific manual that lists class selectors per element piece-by-piece. You can always inspect the webpage to see its classes though. 🙂

Let us know if it works for you.

[Joan]

Thank you, Elvin. It worked great. I am still learning css so I appreciate your help.

[Elvin]

I am still learning css so I appreciate your help.

You can use these links as learning materials/sources.

https://www.w3schools.com/css/default.asp
https://developer.mozilla.org/en-US/docs/Web/CSS

And this site for interesting/useful guides.
https://css-tricks.com/

No problem. We’re glad to be of any help.:)

Feel free to open up a new topic if you have other concerns/questions.

[Author]

Posts