change collection title colors in Debut theme

Lolalola23
Tourist
18 0 2

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 
Replies 22 (22)

JHKCreate
Shopify Expert
3571 639 916

Add the following code, it will work 😉

h1 {
    color: #03058a;
}
Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lolalola23
Tourist
18 0 2

Screen Shot 2020-09-01 at 9.05.21.pngScreen Shot 2020-09-01 at 9.05.28.png

Lolalola23
Tourist
18 0 2

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

KetanKumar
Shopify Partner
36839 3635 11972

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lolalola23
Tourist
18 0 2

Screen Shot 2020-09-01 at 10.45.35.pngScreen Shot 2020-09-01 at 10.45.39.pngstill the same

KetanKumar
Shopify Partner
36839 3635 11972

@Lolalola23 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lolalola23
Tourist
18 0 2

Ha thanks a lot!!!

KetanKumar
Shopify Partner
36839 3635 11972

@Lolalola23 

Thanks, it's working?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JhelisaLotte95
Tourist
10 0 2

@KetanKumar wrote:

@Lolalola23 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.


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! 

KetanKumar
Shopify Partner
36839 3635 11972

@JhelisaLotte95 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
myfashionstash
Tourist
8 0 4

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

 I am using Debut. 

 

Thanks,

 

KetanKumar
Shopify Partner
36839 3635 11972

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
myfashionstash
Tourist
8 0 4

Thank you! Here is my URL...

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

 

I appreciate your help!

 

KetanKumar
Shopify Partner
36839 3635 11972

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
myfashionstash
Tourist
8 0 4

Yay!! It worked! thank you!!!

KetanKumar
Shopify Partner
36839 3635 11972

@myfashionstash 

it's my pleasure to help you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chicknow1
Visitor
3 0 0

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

WinkyApps
Shopify Partner
55 13 13

Hi @chicknow1 

To hide the collection title over the image, go to the bottom of your theme.css file add the following 

 

.collection-grid-item__title { display: none; }

 

 

Hope this helps.

Thanks,

WinkyApps Team 

Did my answer work for you? Please drop a Like and Mark it as Accepted.
If you need further help or want to get something custom built for your Shopify store, then feel free to mail our team on winkyapps18@gmail.com
Happy to help.
chicknow1
Visitor
3 0 0

Hey thanks!! I tried that but's not working.

Screen Shot 2021-01-24 at 9.04.47 PM.png

KetanKumar
Shopify Partner
36839 3635 11972

@Lolalola23 

Thanks for post

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

MS-WEB-DESIGNER
Shopify Partner
3012 181 484

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.
chicknow1
Visitor
3 0 0

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