header logo boundless theme and icon colour change

Solved
carlograbowski
New Member
1 0 0

Dear Patrick.

I am also trying to change the header icons. How did you do it?

Help is greatly appreciated!

Greetings

Carlo 

0 Likes
jeff56330
Tourist
5 0 1

@carlograbowski To change the colors of the cart, menu and search icon follow these instructions,

First to do the cart and search,

   1) go to theme.scss.liquid

   2) go to line 3442 you will see this

.site-header__cart .icon,
.site-header__search .icon {
  font-size: em(25);
  padding: $gutter-site / 4;

   3) Make a new line next and add this , it will make them black (you can change color code to whatever you like)

color: #000000 ;

 4) it should look like this after you added it 

.site-header__cart .icon,
.site-header__search .icon {
  font-size: em(25);
  padding: $gutter-site / 4;
  color: #000000 ;
  @include media-query($medium-up) {
    padding: $gutter-site / 2;
  }
}
0 Likes
jeff56330
Tourist
5 0 1

To change menu color follow this

1) go line 3400 

2) near line 3405 (or higher) erase what is at color and put your color code, i put #00000 for black, should look like this 

.site-header__toggle-nav {
  border: 0;

  .icon {
    font-size: em(25);
    padding: $gutter-site / 2; 
    color:#000000
  }
}
0 Likes
siafash
New Member
1 0 0

Hello, 

I am trying to change the color of my cart button on the Boundless theme and seen that you managed to change it. Can you please help in helping me change it. 

0 Likes
yolofonow
New Member
9 0 0

Hi where exactly do I go to get my header like this?

0 Likes