The **Quote** section highlights key statements by displaying them in full-width for maximum emphasis. Contributors can add an image and choose to align it either to the left or right. On mobile devices, all content is displayed in a single column for a seamless user experience.

## How to edit in the back office? 



 

 

 



   ![Image editing quote example ](/sites/g/files/dvc2391/files/styles/media/public/image/2024/11/Screenshot%202024-11-15%2011.59.11.png.webp?itok=OJttvQAf)   





 

 





 

 

To create a **Quote,** start by entering the **main text** of the quote.

Next, add the **author’s name** and their **job title** to the quote.

Optionally, upload an **image** of the author in PNG, GIF, JPG, or JPEG format.

You can choose to **align this image either to the left or right** of the text, depending on your design preference.

For the **background**, select between white or grey to match your page's aesthetic.



 

 

 



 

 

 

 





## Example:



 

 

 



 

 

 

 





 ![](/sites/g/files/dvc2391/files/styles/quote_design_v2/public/image/2024/11/Estelle-Brachlianoff-comex-veolia-429x683.jpg.webp?itok=5s4_siG9) 

 « La suffisance est la véritable voie vers une transformation écologique désirable. »

 

Estelle Brachlianoff

 

Chief Executive Officer (CEO)

 

 

 

 

 






## Enhance your web pages with components

[Discover all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/text)[Text](/text)

 

###       [Text](/text) 

 

 

 



 

 [   ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28)   ](/card)[Card](/card)

 

###       [Card](/card) 

 

 

 



 

 [   ![content carosel icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.jpg.webp?itok=h0W8b7g1)   ](/carousel)[Carousel](/carousel)

 

###       [Carousel](/carousel) 

 

 

 



 

 [   ![Tab logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2834%29.png.webp?h=ac45851e&itok=iVXOgSle)   ](/tab)[Tab](/tab)

 

###       [Tab](/tab) 

 

 

 



 

 [   ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm)   ](/employees)[Employee](/employees)

 

###       [Employee](/employees) 

 

 

 



 

 [   ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz)   ](/iframe)[Iframe](/iframe)

 

###       [Iframe](/iframe) 

 

 

 



 

 [   ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj)   ](/integration-code)[Integration Code](/integration-code)

 

###       [Integration Code](/integration-code) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)