Changing default blockquote style

Posted in: Newsmag
Post count: 3

Where exactly do I find the settings for the default blockquote style? The default on Newsmag is this giant, blue, centered, all-caps thing. I’ve managed to change it for display on the site itself, but it’s still coming up in the Visual Editor when I’m writing/editing. It’s a huge distraction and makes the visual editor more or less useless.

Do I change a child theme stylesheet? The main stylesheet? Add some code somewhere else? Deactivate TinyMCE somehow?

Help please!

Post count: 23312

Hello rsh2k1

Notice that you can change your blockquote from Theme panel, like this -> https://www.screencast.com/t/NlG21NW3yQ Also, if you want to change the default style of this element, you should do it from the style.css and find after blockquote p and from here you can change the default style of this -> https://www.screencast.com/t/EiabJ7eDxN Clear all the caches and check the results.

Thanks for the message!

Post count: 42

how to change a background of blockquote, to do it like in the template (grey color and dark green line on the right)?: https://demo.tagdiv.com/newspaper_magazine/georgian-soldier-helped-in-attack-near-us-base-in-afghanistan/

Post count: 23312

Hello agidulyan,

There is an option for it in POost Editor, Formats section, like this -> https://www.screencast.com/t/WcVhjii8KSPx

Thanks for the message!

Post count: 42

so there is no common solution in theme settings?

Post count: 23312

Hello agidulyan,

No, you should check it manually and add this format for your blockquotes. Another alternative for you would be to use a bit of CSS code to achieve this style. Try the code below and place it in Theme Panel -> Custom CSS Area.

The code is here ->

.td-post-content blockquote p {
background-color: #fcfcfc;
border-left: 2px solid #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}

Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.