Header left, right size, basket, wishlist size

[kozmetikamusk]

Hi,

I am just creating new eshop and I need to increase the size of icon of cart, wishlist and social buttons as well as my account icon and text (see highlighted parts on screenshot) Could you please help me to do so?

Thank you!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.header-left div.text, .header-right div.text {
  font-size: 15px;
}
#header .aux-item ul.menu > li > a.header-search-link {
  font-size: 28px;
}
#header .aux-item ul.menu > li > a.header-search-link i {
  height: 34px;
}
.shopping-bag-item > a > i {
  font-size: 28px;
  height: 28px !important;
}
.wishlist-item > a > i {
  font-size: 28px;
  height: 28px !important;
}
.account-item > a > i {
  font-size: 28px;
  height: 28px !important;
}
.aux-item ul.social-icons li:not(.sf-love) a {
  font-size: 20px;
}

– Kyle

[kozmetikamusk]

Many thanks Kyle, working great, only one thing, now the number in basket is not exactly in the middle of basket. Check here http://musk.sk

Thank you!

[Kyle – SUPPORT]

Add this:

.shopping-bag-item > a > i {
  width: 23px;
}

– Kyle

[kozmetikamusk]

Many thanks!

[Kyle – SUPPORT]

No problem

[filipkotian]

Hi I used this on http://d.websupport.sk/brixproducts.com and I added there Currency and also flag, could you please send me css to make bigger also these items?

Thank you

[Kyle – SUPPORT]

Add this to your custom css:

.aux-currency .currency-switch-item .current-currency {
  font-size: 27px;
}

It’s not possible to make the flag bigger because it’s an image

– Kyle

[filipkotian]

Hi Kyle,

one more thing, this web: http://d.websupport.sk/brixproducts.com on the left I need to fix background behind social icons and also size of envelope for contact. Could you please send me custom css for this?

thank you.

Filip

[Rui Guerreiro – SUPPORT]

Hi,

Regarding the envelope icon, you can add the code below to the custom css option.

a.contact-menu-link {
    font-size: 30px!important;
    height: 28px!important;
    margin-top: 10px!important;
    line-height: 28px!important;
}

I’m not understanding what you want to do with the background. Can you explain further?

-Rui

[filipkotian]

If you move the mouse coursor over the icon the background is not centered.

[Rui Guerreiro – SUPPORT]

I see. Will see what can be done.

-Rui

[filipkotian]

Many thanks I look forward your replay. Also it is possible to set logo in header top margin? I need it to be 0px.

[David Martin – Support]

In Rui’s absence I’ll try and help further. Can you explain this to me a little further?

If you move the mouse cursor over the icon the background is not centered.

[filipkotian]

Hi David,

if you go over the icon with mouse coursor, the color background of each icon is not centered as you can see on the picture. Also icon of envelope for contact is not centered in line with other icons on firefox, it is ok on safari. Could you have a look at it too?

Attachments:

You must be logged in to view attached files.