How to customize the quoted text

neutrinoburst · Member · May 6, 2020 at 5:57 pm
Copy link

Add topic to favorites
Hey,

I’m using the Ovation theme and have done some small tweaking using custom CSS widget. What I’m looking for is a way to modify the font size of the quoted text.
See an example on the homepage of neutrinobursts.com site. I can’t change the font size using CSS code.

Can anyone help, please?

The blog I need help with is: (visible only to logged in users)
ruchitshah93 · Member · May 6, 2020 at 6:44 pm
Copy link
Hi there

You can add CSS as follows

em {
font-size: _ px;
}

for the quote and add class in CSS if mentioned in theme

cite {
font-size: _px;
}
for citation

Let me know how does it works for you.
neutrinoburst · Member · May 6, 2020 at 8:24 pm
Copy link
Putting em { } is changing the italic across the site, but I think I’m looking for override in blockquote { } section.

My current code is:
blockquote {
color: #366377;
background-color: #f9fcf9;
box-shadow: 1px 1px 4px #ddd;
padding: 15px;
}

But for some reason, font-size: _px; is not working here.

Also, not sure about the class name in CSS (or in the theme).

Can you help me here?
ruchitshah93 · Member · May 6, 2020 at 9:59 pm
Copy link
If you are using Gutenberg insert a Blockquote Block instead of only using Quote Block.

This will help you easily add font-size property to your blockquote tag.

I hope this should work.
ruchitshah93 · Member · May 7, 2020 at 6:17 am
Copy link
Hi
I was looking for better and easy solution.

You can directly add following code:

blockquote p {
font-size: _px!important;
}

This will surely work.
neutrinoburst · Member · May 7, 2020 at 10:06 am
Copy link
Thanks for the tips, mate. It worked perfectly!
staff-mckluskey · Staff · May 7, 2020 at 10:09 am
Copy link
@ruchitshah93, thanks for your help!

@neutrinoburst, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact.

No items found.