How to add backgound image to my header

Solved
Laccers
Tourist
5 0 0

Hi!

I want to add my header a cow pattern background image, because i was already abel to do in my checkout page and i love it. Im using Debutify theme!

Képkivágás2.JPG

Like this:

Képkivágás.JPG

 

0 Likes
Jasoliya
Shopify Expert
4120 569 997

HI @Laccers 

Send me your store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Jasoliya
Shopify Expert
4120 569 997

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css->paste bellow code in bottom of file

.site-header{
    background-image: url(https://ae01.alicdn.com/kf/Uc0fb3a8…D.jpg);
    background-position: center;
     background-size: cover;
}

Note: change url as you want.

you can upload image in setting->file and copy url.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Laccers
Tourist
5 0 0

Looking good but now how do i change the icons color?

Képkivágás3.JPG

0 Likes
Jasoliya
Shopify Expert
4120 569 997

Which icon color you mean? logo?

if so you can upload your logo transparent. 

you can make transparent logo here 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Laccers
Tourist
5 0 0

Not my logo, The search, cart, ect ..icon

0 Likes
Jasoliya
Shopify Expert
4120 569 997

This is an accepted solution.

Add this css:

.site-nav__link, .site-header__logo-link {    color: white !important;}

You can change color as you want 

 

Note:

If not work then you have to remove below code from theme.scss file

 .site-nav__link, .site-header__logo-link {
    color: #202020 !important; }

Find and remove above code if my given code not work.  

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Laccers
Tourist
5 0 0

Thank you for your help! 

Have a great day!

0 Likes