Ask A Guru: Customizing Your Theme

Highlighted
Explorer
43 5 4

thanks @KetanKumar 

I want to change the color of just a single one of those lines.
the settings in your screenshot are for changes to the entire drawer.

0 Likes
Highlighted
Shopify Partner
2936 396 756

@ZivHodiva 
ok let me know which line do you have to change color so i will provide proper line code.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Explorer
43 5 4

Hi @KetanKumar 
Any line would do, I will customize it once I know what and where needs to be added.

it will link to pages/new-home-page

 

If you want a specific line from my current menu at Hodiva.com then see the attached image.

 

thanks

 

Screen-Shot-2020-03-18-at-01.08.36.jpg

0 Likes
Highlighted
Explorer
43 5 4

@KetanKumar 
Specifically: Black background, White text.

 

thanks again

0 Likes
Highlighted
Shopify Partner
2936 396 756

please check attachment

HODIVA SHOP _ קניות אונליין ביוטי נטול אכזריות ואופנה – Hodiva Shop.png

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Partner
261 26 39

You can use this CSS code:

li.mobile-nav__item:nth-child(7) {
    background-color: #000 !important;
}
li.mobile-nav__item:nth-child(7) a{
    color: #fff !important;
}

Paste that code at the bottom of your timber.scss file, you can find it on Themes->Actions: Edit code, on the sidebar scroll down to assets/timber.scss.
Replace the number inside the parenthesis () with the number of the element you want to customize.

 

Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like
Highlighted
Explorer
43 5 4

you're the man @PremierStores 

 

works like a charm,

 

thanks!!

0 Likes
Highlighted
New Member
2 0 0

Hi everyone,

 

I'd like to change the background colour of the logo bar in Debut theme.  Does anyone know how I can change the background colour of this particular section?

 

Thanks very much, Ed

0 Likes
Highlighted
Shopify Partner
261 26 39

Hi @TheSingleCask:

Use this CSS code:

header.site-header,
header.site-header .site-header__mobile-nav {
    background-color: #f0f0f0;
}

Go to Themes->Actions: Edit code, Then at the sidebar scroll down to assets/themes.scss and paste the code at the bottom of the file.

Change the color using hex code, you can find a color list here: https://htmlcolorcodes.com/

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
2 0 0

Thank you very much for the response!  Really appreciate it. 

 

I ought to have been more specific in my question, its the logo-bar.liquid that I'm keen to change the colour of, rather than the site header bar. 

 

Will this work for that? 

 

Thanks again, Ed

0 Likes