Blockquote style

Posted in: Newspaper
Post count: 50

Hello,

how can I style CSS in order to get the native WordPress blockquote just like the tagdiv shortcode quote left? In particular: font in black, no italics, left-justified, font size equal to the content?

Thanks,

Mario

Post count: 9544

You should be able to modify the blockquote to look however you wish, using CSS, as we did.

E.g.,

blockquote p {
   font-size:20px !important;  line-height:26px !important;
  text-align: left !important; padding-left:20px;
}
Post count: 50

Hello Christopher,

thanks for your answer. I’m not an expert in styling, so I cannot customize using the right parameters. Using your code I’m getting something that doesn’t match my site style. Is there a way to get the combination I asked for?

Thanks,

Mario

Post count: 50

To the developers: In the native WordPress blockquote, I need to get the [quote_box_center] style as a default, I like it a lot. What code do I have to change/replace, and how?

Thanks,

Mario

Post count: 95

How to change [quote_box_center] align-left by default?
Thanks

Post count: 854

hi,
to mariosem : can you show me how you wold like (print scrren from another site maybe), I don’t understand, sorry for this.

to enterpr1se: why do you think is called [quote_box_center]?
Answer: to stay on center !!!!!

you should have [quote_box_left] or [quote_box_right].

Thanks for you message.
Radu A.

Post count: 50

Hi Radu,

whne I use the WordPress native blockquote function, I would like to get by default the same style as the tagdiv shortcode [quote_box_center]. I have to change the style.css, I guess…

Thanks,

Mario

Post count: 3343

Hi,
Yes @mariosem you need to style the default quote to be like quote_box_center

Thanks!

Post count: 50

Could you please show me how? I have to find the code in the style.css file, I guess, but I’m not an expert…

Thanks,

Mario

Post count: 3343

Hi,
Add this CSS in Theme panel -> Custom CSS

blockquote {
	margin: 0 0 29px;
	background-color: #FCFCFC;
    border-left: 2px solid #4DB2EC;
    padding: 15px 23px 0 32px;
    position: relative;
    top: 6px;
}
	
blockquote p {
	text-align: center;
	color: #808080;
    font-family: 'PT Sans',sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
    margin: 0;
    padding-bottom: 16px;
}
Post count: 50

Great, thanks a lot!

Mario

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