I'm having trouble changing the color of part of my page? I'm using the loft theme

Solved
CannyK9
New Member
2 0 0

Basically, I've used the loft theme to make my website and I'm literally happy with it all but spent hours trying to find the right color setting in theme settings but can't change this top part of my product pages from solid white, as you can see below where the play title is I'm unable to change the background.

I'm sure this is easily handled by editing the code but something I'm not cable of so if some could help me out that would be greatly appreciated.

CannyK9_0-1627217215278.png

 

0 Likes
Natztech
Shopify Partner
1891 492 1172

hello @CannyK9 


Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
CannyK9
New Member
2 0 0

https://cannyk9.myshopify.com/

password:veusti

Thank you very much sorry for the late reply.

0 Likes
LamQSolutions
Pathfinder
117 28 42

This is an accepted solution.

Hi,

To change the background color, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/theme.scss file

.template-collection .collection-header {
        background-color: #dedede !important; /* Change to the color you want */
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes
Natztech
Shopify Partner
1891 492 1172

hello @CannyK9 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection .collection-header {
background-color: #dedede !important; 
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes