My blockquote looks like this: https://prnt.sc/vhejsc
I want to make it look this way: https://prnt.sc/vhekf0
As you can see they have a green background for blockquote.
How do I do it?
Hi,
You can achieve that layout using a custom css like this one -> https://i.imgur.com/COEwaSJ.png
.single blockquote {
background: #82e48282;
margin: 0;
padding: 16px 32px;
text-align: justify;
}
The code need to be set in theme panel> custom code> custom css.
If you need to adjust the code need you need help, provide a link to one of your posts and let me know the changes that you want to do.
Thank you!
Thanks, almost there.
Screen: https://prnt.sc/vinxsm
I need to change font-size to smaller, font-weight to normal or even Thin.
But when I try to do that from editing template -> post content -> default blockquote then nothing changes.
Hi smile099,
Now that we started to do this with custom css, we’ll need to do it until the end. Please try this code ->
.single blockquote p{
font-size: 24px;
line-height: 40px;
font-weight: normal;
}
Adjust it after your needs!
Hope this will help you!
Works perfect, all we need is a little empty space after quote. How can I add it? Right now I’ve solve it by adding a HTML block in WP content after quote with <br> in it. How do I change css so that there is some empty space after quote? I don’t want it to look this way: https://prnt.sc/vp0mjp
Hello !
For this it would be the best to just adjust the padding from my colleagues code. All you have to do is edit this code, raise the numbers in order to have more padding: https://www.screencast.com/t/XayRC9yJgRY
Thank you !
Not padding but margin, but thank you Vlad for pointing this.
Have a great day!
Hi,
on mobile it ads spaces.
Please take a look: https://prnt.sc/wfdxnc
How can I solve this? On desktop and tablet, it looks good.
Hello !
Please provide a link to that text in order to take a look.
Thank you !
here you go: http://bit.ly/3baGHjB
Hello !
Please add this part of the code in addition: https://www.screencast.com/t/JcUyWT8jE6h
.blockquote p {
margin-bottom:-5px;
}
Add only this code here: https://www.screencast.com/t/VkmxUlgzBU
Thank you !
Almost there, I didn’t mean the space after the quote, but sure that’s a thing we might add as well.
What I meant was this space here in the text: https://prnt.sc/wgsunt
Hello !
That you will have to try and edit it using the editor that created the blockquote, unfortunately we cannot control the content. Try removing and re-adding the text in blockquote.
Thank you !
What do you mean? On WordPress, it’s the normal text I didn’t add spaces in there.
And blockquote style was created by the tagDiv team CSS code.
Hello !
We need to take a look and see what can be done there to see if a fix can be done.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– A link to this topic in order to identify you
Our team will take a look !
Please note that at the moment the Support team is not 24/7 available. We answer the topics from Latest to Newest Monday – Friday from 08:00AM to 05:00PM GMT+2
Thank you !
OK. Done.
