Docs

[onixbox]

Hey,
I’m using the renew stack right now and I’m trying to redesign the blockquotes in the Blogposts.

That’s the website with a sample blog post: http://spiegeldich.net/meditation-125000

Basically I have to questions:
1. How do I remove all the borders, except for the left border?
2. How do I change the font? I want to use the google font Caveat, but it is not shown.

Currently my code in the stylesheet looks like this:

blockquote {
color: #2380B5 !important;
font-size: 20pt !important;
font-weight: 400;
font-family: Caveat;
margin:0 0 1.6em 0.8em;
padding:1.4em 1em 0.1em 1em;
border-left:5px solid #2380B5;
background-color: #ffffff;
margin-left:auto; margin-right:auto;
padding:1.4em 1.4em 0 1.4em;
}

Thanks a lot and best Regards!

Carlos

[Friech]

Hi Carlos,

Add this on top of your child theme’s style.css file first.

@import url(https://fonts.googleapis.com/css?family=Caveat:400,700);

Then you can add this under Custom > CSS in the Customizer. Or on the child theme’s style.css file as well.

.single-post blockquote {
	font-family: 'Caveat', cursive;
	border-width: 0;
	border-left-width: 5px;
}

Hope it helps, Cheers!

[onixbox]

Yes, works great. Thanks a lot!!!

[Joao]

Glad to hear it.

Joao

[Author]

Posts