Override defaults for nested blockquote font color and size

Support
2

Welcome to the forums!

Unless I'm mistaken, it's not that they get smaller or change colour, it's just an opacity thing.

Adding:

blockquote {
    opacity: 1;
}

to your userstyle.css will fix it. The reason for the issue is that each level of blockquote is taking the parent's opacity level and then further decreasing it.

Oh also, you don't need to have multiple copies btw, the blockquote selector will match the right elements at any level. Adding multiple levels like that is only useful if you need to specifically select blockquotes at a certain depth for some reason.

If you want to retain the faded text but not have it increase with each level, this should work instead:

blockquote {
    opacity: 0.7;
}

blockquote blockquote {
    opacity: 1;
}

This will set the top level quoteblock to have a faded opacity (0.7 is the original value), but any quoteblocks beyond the first level won't get faded any further.

1 Like