Where can I change fonts and text size in the comments’ quotes? By default the quotes are enormous…and also in big letters.
Hi
Please provide a link where I can inspect this closer as I am not very sure what what you mean.
Thanks!
If you’re talking about the “blockquote” in middle of a post, you can change that with CSS.
Simplest thing is learn to use F12 in chrome and the inspector; you can use pointy tool to highlight anything on the page to see the CSS. For most stuff you can then simply over-ride that CSS class. In some cases with multiple classes, you might need tagdiv help to figure out which element to target.
I always make our block-quotes smaller, too đ
Thanks. I mean the use of blockquotes inside comments:
http://media.newsvoice.se/2016/10/blockquote-comments.png
When I use the “b-quote” button the text I want to make into a blockquote becomes enormous and in big letters.
I would like to edit that to smaller text and no big letters.
Hello Sasser,
Please notice that our blockquote has an own design which has been created by our theme. If you want to change it, you should use a bit of CSS and change these values to bring as you wish, like this ->
The code is ->
.td-post-content blockquote p{
font-size: 15px;
line-height: 20px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: capitalize;
color: red;
}
The result is here -> http://screencast.com/t/K0V6UH0S5tbS
Thanks for the message!
Ok thanks. but when I put that code (changed) in the Custom Code -> Custom CSS (in the Theme Panel) there is no change. What do I do wrong?
Hello Sasser,
You should use the !important tag for your code to give more priority. Try the code below and you will see the results.
The code is ->
.td-post-content blockquote p{
font-size: 20px!important;
line-height: 25px!important;
font-weight: normal!important;
font-style: italic!important;
text-align: center!important;
text-transform: capitalize!important;
color: blue!important;
}
The result is here -> http://screencast.com/t/EDVUJRFbgd
Thanks for the message!
