Changing font size, font color, background color

Hello,

I would like help with these 2 below things.

  1. Changing the color and font size for the collection title “Choose your ..” and the description text “All meals…”.

  2. Changing the background color of both the collection title and collection description section to the same color - may be pink for example.

***I want these changes for this collection only, not for other collection pages.

Here is the link to my collection page: https://wowberrybites.myshopify.com/collections/first-bites-bundles

Thank you for your help in advance.

Hello,

You need to add this style under condition for applying only for single collection. The code is below, just add this under “collection-template.liquid” file or this file may be different because I have not idea which theme you are using , just search this div class (screenshot attached) and add this style code in that file.

{% if collection.handle == 'first-bites-bundles' %}

{% endif %}

Thank you.

1 Like

@Anonymous Hello, thanks for the code. But it still does not work. The background still only covers the description text, but not the whole section of the description text (on both sides of text). Please see my screenshot below

Hello,

Yes, if I will add color to the heading section then this will go full width. I am sharing a code with you by fixing heading width.

{% if collection.handle == 'first-bites-bundles' %}

{% endif %}

Thank you.

Hello @Anonymous , thanks for the code. But it still does not work. As for your code added for the heading section, it does not go full width on both sides (left and right sides are still vanilla color). Please see the picture. Also, the one I want to change background color is the section of description texts - “All meals…your babe”. not the heading section.

Thanks for your time!

Add this code. With this code the heading color, font size and background color will be applied for full width and for description the color, font size and background color(not full width), because the description div is inside the wrapper div which has specific width set already (screenshot attached).

{% if collection.handle == 'first-bites-bundles' %}

{% endif %}

Thank you.