# Formatting quotes

**URL:** https://meta.discourse.org/t/formatting-quotes/109897
**Category:** Support
**Created:** [February 23, 2019, 12:03pm UTC](https://meta.discourse.org/t/formatting-quotes/109897 "2019-02-23T12:03:36Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Alexander\_Wright](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexander_wright/32/119518_2.png) [@Alexander\_Wright](https://meta.discourse.org/u/Alexander_Wright)
#### Post date: [February 23, 2019, 12:03pm UTC](https://meta.discourse.org/t/formatting-quotes/109897/1 "2019-02-23T12:03:36Z")

</div>

Is it possible to distinguish between quotes made with the [quote] tag and those actually quoting other people?

i.e. To format with a different colour.

Thanks!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [February 24, 2019, 12:51am UTC](https://meta.discourse.org/t/formatting-quotes/109897/2 "2019-02-24T00:51:51Z")

</div>

There already is a distinction

> [@Alexander\_Wright](#):
>
> distinguish between quotes

And

> distinguish between quotes

---

<div class="post-metadata">

### Author: ![Alexander\_Wright](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexander_wright/32/119518_2.png) [@Alexander\_Wright](https://meta.discourse.org/u/Alexander_Wright)
#### Post date: [February 24, 2019, 9:02am UTC](https://meta.discourse.org/t/formatting-quotes/109897/3 "2019-02-24T09:02:35Z")

</div>

😄

Yes… I’m using a theme that has a coloured bar to the right of the quote. I was wanting to colour them differently… I should have said distinguish at a css level!

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [February 24, 2019, 3:35pm UTC](https://meta.discourse.org/t/formatting-quotes/109897/4 "2019-02-24T15:35:40Z")

</div>

We can try to use in the first case (“aside”):

 ![css](https://global.discourse-cdn.com/meta/original/3X/c/e/cec5eb37a66b80334edc2858c8c8e9503d92826f.jpeg)

for example

```plaintext
aside blockquote {
    border-left: 5px solid #339900;
}

```

 ![css-2](https://global.discourse-cdn.com/meta/original/3X/a/8/a89a27c714ba5d562ddc720d394e0368ef736380.jpeg)

Or completely override css for any of the case.

---

<div class="post-metadata">

### Author: ![Alexander\_Wright](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexander_wright/32/119518_2.png) [@Alexander\_Wright](https://meta.discourse.org/u/Alexander_Wright)
#### Post date: [February 25, 2019, 12:16pm UTC](https://meta.discourse.org/t/formatting-quotes/109897/5 "2019-02-25T12:16:52Z")

</div>

Brilliant, thank you.

This is what I’ve ended up with:

```plaintext
aside.quote blockquote:first-child, aside.quote .title {
    background-color: #ffff0040;
    border-left-color: orange;
}

aside.quote > blockquote, aside.quote > .title:first-child {
    background-color: #f5fff5;
    border-left-color: darkgreen;
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [March 27, 2019, 12:17pm UTC](https://meta.discourse.org/t/formatting-quotes/109897/6 "2019-03-27T12:17:01Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.