How to change the header/footer bg color and text/links/icons colors in Artisan

Store Design
1

I’d like to make my header black with white text, and my footer a deep wine red with white text, links and icons. I can’t do his within the theme customization without affecting the rest of the site’s colors.

site: tipsyhues.com

Thanks!

2

Hi @Anonymous ,

Go to Assets > styles.css and paste this at the bottom of the file:

#shopify-section-header{
	background: #000 !important;
    color: #fff !important;
}
.topBar__container [class^=icon-], .topBar__container [class*=" icon-"],
.topBar__information a, .topBar__information p,
.mainMenu a {
    color: #fff !important;
}
.mainMenu__submenu a{
	color: #000 !important;
}

Hope it helps!

1 Like
3

@LitCommerce that worked, but it only changed the header. Is there a way to change the footer as well?

4

Hi @Anonymous ,

Please add code:

.footer{
	background: #5e0a19 !important;
    color: #fff !important;
}
.footer__title,
.footer a{
    color: #fff !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like
5

@LitCommerce Thank you so much! Works perfectly!

1 Like