Change collection title colors in Debut theme

Store Design
1

Hey there!

I would like to change the color in the font of the collection.

I would like to change it to RED

This is my website

https://kantarella-print-shop.myshopify.com

I add this -

.section-header h2 {
color: #03058a;
}
.collection-hero__title {
color: red;
}
But didnt work…
Wish that someone can help
Thanks
Asaf

1 Like
2

Add the following code, it will work :wink:

h1 {
    color: #03058a;
}
3

@Lolalola23

Thanks for post

if possible to provide screenshot which section do you have change color

4

Screen Shot 2020-09-01 at 9.05.21.png
Screen Shot 2020-09-01 at 9.05.21.png2880×1800 756 KB

Screen Shot 2020-09-01 at 9.05.28.png
Screen Shot 2020-09-01 at 9.05.28.png2880×1800 749 KB

5

You can see the 2 print screen where I can to change the color - its not at the cover section its in the collection section.

Thanks

Asaf Kliger

6

@Lolalola23

Thanks

  1. Go to Online Store->Theme->Edit code
  2. **Asset->/theme.scss.liquid->**paste below code at the bottom of the file.
.collection-grid-item__title {color: red;}
7

Screen Shot 2020-09-01 at 10.45.35.png
Screen Shot 2020-09-01 at 10.45.35.png2880×1800 752 KB

Screen Shot 2020-09-01 at 10.45.39.png
Screen Shot 2020-09-01 at 10.45.39.png2880×1800 745 KB

still the same

8

@Lolalola23

sorry, but you have missed “.” dors before class name please see my code properly

9

Ha thanks a lot!!!

1 Like
10

@Lolalola23

Thanks, it’s working?

11

Hi! I’m trying to do the same thing and added this code but it doesn’t work. My website is ilythelabel.com, password is pleasehelp. Any suggestions? Thank you in advance!

12

@JhelisaLotte95

Thanks for post can you please share page url and screenshot where do you have change?

1 Like
13

Hi,

I’m trying to do the same for my page. I want to change the “CLEARANCE” on the navigation bar to bold and color red. However, I don’t seem to have the "/theme.scss.liquid" option.

Screen Shot 2021-01-15 at 9.08.15 AM.png
Screen Shot 2021-01-15 at 9.08.15 AM.png2372×1420 614 KB

I am using Debut.

Thanks,

14

@myfashionstash

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

1 Like
15

Thank you! Here is my URL…

https://my-fashion-stash.myshopify.com

I appreciate your help!

1 Like
16

@myfashionstash

Thanks for it

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-nav li:nth-child(6) .site-nav__link--main .site-nav__label {
    color: red;
    font-weight: bold;
}
1 Like
17

Yay!! It worked! thank you!!!

1 Like
18

@myfashionstash

it’s my pleasure to help you

1 Like
19

Dear @Lolalola23

Hope this will help

  1. From your Shopify admin, go to Online Store > themes.
  2. Locate your current theme and then click Actions > Edit code.
  3. After that in the Assets folder, click to open your theme.scss.liquid file.
  4. Go to the very bottom of this file and paste the following code:
/* Start */
.collection-hero__title {color: red !important;}
/* End*/
  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.
20

How do I either make the collections title transparent/white or remove it from displaying? https://chic-sports.myshopify.com/