Quote Block CSS

What is the CSS to edit a quote block? I want to be able to change text font, size, style, weight, color, etc.

Add to Home > Design > Custom CSS

.quote-block * {
	color: red;
	font-size: 20px;
	font-family: monospace;
	font-weight: bold;
}

16 minutes ago, Inclume said:

Hi, is there any way to remove the vertical bare on the left hand side?

If you share link to your site, we can check easier.

Can you share link to page where you use Quote block?

Add to Home > Design > Custom CSS

blockquote {
    border: none;
    padding-left: 0;
}

On 7/4/2020 at 4:19 AM, tuanphan said:

Add to Home > Design > Custom CSS

.quote-block * {
	color: red;
	font-size: 20px;
	font-family: monospace;
	font-weight: bold;
}

 

Would I be able to use this and put the specific quote block ID to edit just a single quote block on a site?

On 1/8/2021 at 3:21 AM, ashleemundywebsitede said:

Would I be able to use this and put the specific quote block ID to edit just a single quote block on a site?

Use this code

#block-id * {
	color: red;
	font-size: 20px;
	font-family: monospace;
	font-weight: bold;
}

Find block id with: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

How about a drop shadow for the text in the block as well?

On 10/29/2021 at 9:26 PM, derricksrandomviews said:

How about a drop shadow for the text in the block as well?

I think

.quote-block>div * {
	text-shadow: 2px 2px #ff0000;
}