# CSS quotes - general styling
**URL:** https://meta.discourse.org/t/css-quotes-general-styling/113373
**Category:** Development
**Tags:** css
**Created:** [April 3, 2019, 6:05pm UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373 "2019-04-03T18:05:42Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [April 3, 2019, 6:05pm UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/1 "2019-04-03T18:05:42Z")
The standard quote styling in Discourse, what are the exact CSS classes etc. that control this.
I’ve played with .blockquote but what is creating the left circa 4/6 px line and the bg colour, well actually in the user quote title, is that jsut .title.
As usual thanks in advance. I’ve been staring at a screen too long today. I’m done! If only this forum served 🍻 ya know!
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 3, 2019, 6:43pm UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/2 "2019-04-03T18:43:35Z")
You’ll want to style `aside.quote .title` and `blockquote`… You can cover both like this:
```scss
aside.quote .title, blockquote {
// Styles here
}
```
---
### Author:  [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [April 3, 2019, 8:10pm UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/3 "2019-04-03T20:10:23Z")
@awesomerobot …at this point I owe _you_ a 🍺 Thanks!
---
### Author:  [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [January 14, 2020, 9:37am UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/4 "2020-01-14T09:37:28Z")
Hi, a specific question:
Does anybody know the CSS of nested quotes, specifically the “first-level” nested quotes?
What I want to achieve is a different color scheme for nested quotes from the “main quote”.
From something like this
```plaintext
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result, blockquote, aside.quote .title {
border-left: 5px solid #212121;
background: #25272d;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 0 0 0 rgba(0,0,0,0.12);
border-radius: 2px;
}
```
I tried to make a different color scheme to just this part
```plaintext
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result
```
And I get a partial success, but not the entire nested quote.
Any ideas?
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 14, 2020, 3:28pm UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/5 "2020-01-14T15:28:26Z")
I _think_ something like this might work
```scss
aside.quote blockquote {
blockquote,
aside.quote {
&,
.title,
.onebox,
.onebox-result {
background-color: red;
}
}
}
```
This is a little hard to read in SASS, but the final output is
```css
aside.quote blockquote blockquote,
aside.quote blockquote blockquote .title,
aside.quote blockquote blockquote .onebox,
aside.quote blockquote blockquote .onebox-result,
aside.quote blockquote aside.quote,
aside.quote blockquote aside.quote .title,
aside.quote blockquote aside.quote .onebox,
aside.quote blockquote aside.quote .onebox-result {
background-color: red;
}
```
---
### Author:  [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [January 16, 2020, 10:03am UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/6 "2020-01-16T10:03:52Z")
Works beautifully, thanks! 👍 👍 👍
Example:
[](https://www.forumscp.com/t/bruno-de-carvalho/41709/32940?u=paracelsus)
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [December 21, 2023, 2:38am UTC](https://meta.discourse.org/t/css-quotes-general-styling/113373/8 "2023-12-21T02:38:39Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.