FROM CACHE - en_header

Change background colour of collections

Solved
Aerotion
Excursionist
13 0 3

Hi I would like to change the background colour of the collections background, Please could you advise what section of code to change/add?

www.aerotion.com 

Currently, it is set to grey/black background and can be seen in the 3rd block section on the homepage. I would like to change the colour of it before you hover over it if that makes sense, photo attached.  

Many thanks

Joe

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
34464 3447 11281

This is an accepted solution.

@Aerotion 

sorry for that issue can you please try this code

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

.collection-collage__item-wrapper .collection-grid__item-overlay:after {
background-color: #1f0893; /* change color as you like */
}

 

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

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
34464 3447 11281

This is an accepted solution.

@Aerotion 

sorry for that issue can you please try this code

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

.collection-collage__item-wrapper .collection-grid__item-overlay:after {
background-color: #1f0893; /* change color as you like */
}

 

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
hash777
Shopify Partner
168 9 23

@Aerotion Hi there, you mean like this

5.PNG

RIGHT ?

Aerotion
Excursionist
13 0 3

No, I mean the colour/overlay over the image itself to change the colour. 

Aerotion
Excursionist
13 0 3

Perfect, thank you Ketan 

KetanKumar
Shopify Partner
34464 3447 11281

@Aerotion 

it's my pleasure to help us

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