Hey there Mallory,
Hope you’re well today!
You should be able to do this with some custom CSS. Since this theme has it’s own custom CSS tab which is located in Appearance >> Generous Settigs >> Custom CSS please try adding the following code there:
#content-container blockquote > p {
font-size: 15px;
margin-bottom: 25px;
}
Note that these are the original values of font size and bottom margin. Change them to increase/decrease font size and space on the bottom. If this doesn’t work could you please post link to your site so I can take a look?
Hope this helps 🙂
Best regards,
Bojan
Hey Bojan,
Thank you very much for your reply.
Unfortunately this solution didn’t work. I have also tried the following in the Appearance >> Generous Settigs >> Custom CSS – section:
blockquote {
font-style: italic;
padding: 5px;
letter-spacing: 1px;
margin-left: 70px;
margin-right: 35px;
background-color: #F6F6C5;
background-image: url("http://tilburgers.nl/wp-content/uploads/2015/02/quote.png");
background-repeat: no-repeat;
border-width:2px;
border-style:ridge;
border-color: #DDF79E;
}
and
blockquote cite,
blockquote em,
blockquote i {
background-color: #FFFFAA;
display: block;
float: right;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1px;
}
and
blockquote cite {
display: block;
float: right;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1px;
}
Still, the blockquotes in the singel post page and on the front page look different, while I would prefer them to look the same.
Website-URL: http://tilburgers.nl/
Maybe I have changed too many things? As all fonts are smalle on the singel-post pages, except for the h1 lines.
Thank you a lot in advance
!!!
Hey again Mallory,
You didn’t make too many changes, your blockquote CSS is the same for both pages. However, if I’m right the issue should be related to your home page paragraph CSS which is different from your post page paragraph CSS since your home page paragraph is getting CSS from another selector, see screenshot http://screencast.com/t/1cAyi1meO6Oj.
To try to fix this you should try applying the same CSS for your home page paragraph, something like this:
#archive-container .archive-excerpt p {
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
color: #000000;
}
This should make them look the same as well as the text on both pages.
Hope this helps 🙂
Best regards,
Bojan
Hey Bojan
Hat off for your fast reply again!
The ‘bad guy’ turned out to be this one:
.post-template .post-content p {
font-size: 15px;
font-family: Trebuchet, Tahoma, Verdana;
font-weight: normal;
color: #000;
}
Hey Mallory,
Oh, sorry I assumed it was the other way around. Glad you managed to sort everything out 🙂
Have a great weekend!
Cheers,
Bojan
