> For the complete documentation index, see [llms.txt](https://docs.codenation.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codenation.com/admin-tag-customisations/background-quote-section.md).

# Background Quote Section

{% hint style="info" %}
Live Demo: <https://candidate.codenation.com/two_column_content>
{% endhint %}

<figure><img src="/files/QwiVIIz3bdwWLaaMuDxI" alt="Background Quote Example"><figcaption><p>Background Quote Example</p></figcaption></figure>

## Adding a background quote:

1. Create a new basic page and add the quote to the content of the page.
2. Navigate to the **Social Media** settings for the new basic page.
3. Upload the background image you would like feature with your quote.
4. &#x20;On the page you want the quote to appear, add the tag `Admin Show Quote:[QUOTE_SLUG]`
   * Where `[QUOTE_SLUG]` is the slug of the page you created in step 1. I.e. `Admin Show Quote:about_quote`

{% hint style="success" %}
We recommend using images with dimensions of 1800 x 600 pixels, maintaining an aspect ratio of 3:1. While there's no strict limit or mandatory proportions, following these guidelines ensures optimal display:

* A minimum width of 1800px for adequate resolution
* An aspect ratio between 3:1 and 2:1, meaning landscape photos should be at least twice as wide as their height and no more than three times as wide as their height.

\
[Read more image tips here](https://docs.codenation.com/tips/photos)
{% endhint %}