Change background colour of a "Description" text box of a Collection

Store Design
, ,
1

I am trying to figure out how to write html code to change background colour of a “Description” text box of a Collection Page (not the theme) if it is possible.

Thank you,

Nice2cu

2

Hello @Nice2CU

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

3

HI @Nice2CU

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.collection-hero__description.rte {

background: black;

}

PageFlyVictor_0-1678415150302.png
PageFlyVictor_0-1678415150302.png903×212 15.2 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

@Nice2CU

To change background color of description box follow below steps :

1.In your Shopify Admin go to online store > themes > actions > edit code

  1. Find Asset > base.css and paste this at the bottom of the file
.collection-hero__description.rte {
    background: black;
}

Hope this works well.

5

Hi Victor,

This does work, but I am looking to change each of the collections to have a Description Block with its unique / individual colour. Your current solution makes all of the Description Blocks in all of the Collections have the same colour (e.g. black). Do you know if it is possible to create different coloured Description Blocks for each collection?

6

Hi Infoatcodelab7,

This does work, but I am looking to change each of the collections to have a Description Block with its unique / individual colour. Your current solution makes all of the Description Blocks in all of the Collections have the same colour (e.g. black). Do you know if it is possible to create different coloured Description Blocks for each collection?

7

Hi Gempages,

Our shop url is www.nice2cu.com

No pword

I am looking to change each of the collections to have a Description Block with its unique / individual colour. Do you know if it is possible to create different coloured Description Blocks for each collection?

Thanks.

8

@Nice2CU

I think you can try adding a background color directly to the product description above your store

PageFlyVictor_0-1678548967257.png
PageFlyVictor_0-1678548967257.png1365×653 149 KB

9

Hi Victor,

You have been really helpful and much appreciated. The problem is that I am trying to change the background colours of descriptions on the individual collection pages, not the product pages.

I can’t figure out how to do this, although I do see that there is a button to change the html code for each collection page description box. Is this the place that the background colour could be changed?

Untitled.png
Untitled.png594×352 10.5 KB