How to change "blockquote"

Posted in: Newspaper
Post count: 4

Hi, i would like to change the “blockquote” and make it similar like this one: http://www.wishesgreeting.com/happy-birthday-mom/

As you can see, there isn’t uppercase and i need to insert a box like that one! Can you help me, please? Thanks

Post count: 23312

Hello maro92,

Also, if you want to achieve something similar, you should try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

blockquote p{
border: 1px solid black;
line-height: 140%!important;
border-color: #bbb;
border-style: solid;
border-width: 1px 1px 2px; 1px;
}

The result is here -> https://www.screencast.com/t/Xd1vRBzkE

Thanks for the message!

Post count: 4

Thanks for the Answer, the box it’s ok but i need lowercase because i have to insert a lot of “blockquote” in my posts and Uppercase letters are too big. It is possible to make the character lowercase? And text color black?

  • This reply was modified 8 years by maro92.
Post count: 23312

Hello maro92,

Do you know to use the Inspector browser? Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Try the code below ->

blockquote p{
border: 1px solid black;
line-height: 140%!important;
border-color: #bbb;
border-style: solid;
text-transform: lowercase;
color:black!important;
border-width: 1px 1px 2px; 1px;
}

Thanks.

Post count: 4

Thanks, i changed “uppercase” directly from theme panel (under theme fonts> post content> default blockquote >Transform). Now, i want to make the blockquote “full width” of post container. I tried with left alignment but the box remain centered and it doesn’t become full width. I tried to add “width: 100%;” in custom CSS but it doesn’t work. Can you help me?

Post count: 23312

Hello maro92,

Provide your website URL so I can take a closer look at your blockquote.

Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.