Home › Forums › WoodMart support forum › Icons size in the top bar

Icons size in the top bar

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 19, 2019 at 10:43 am #124496

    Myla
    Participant

    Hi,

    I’ve made my header but in the top bar how can I increase the szes of the icones and of the (hamburger menu icon, search, whitlist, and cart).

    You can see in the picture that there are small compared to the logo.

    I only found how to increase the logo icon.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    May 19, 2019 at 1:09 pm #124520

    Myla
    Participant

    Could I have a response please

    May 19, 2019 at 7:14 pm #124548

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-wishlist-info-widget .wishlist-icon:before {
    font-size: 20px;
}
body .woodmart-compare-info-widget .compare-icon:before {
    font-size: 20px;
}
body .woodmart-shopping-cart .woodmart-cart-icon:before {
    font-size: 20px;
}

    Increase the font-size as per your needs.

    Best Regards

    May 19, 2019 at 8:07 pm #124556

    Myla
    Participant

    Thank you for your help,but it does not work

    May 19, 2019 at 8:44 pm #124565

    Elise Noromit
    Member

    Hello,

    Please provide your site URL and site admin access to the private area.

    Best Regards

    May 20, 2019 at 8:34 am #124624

    Myla
    Participant

    Ok, here is the admin access.

    I want to increase the size of the following icons : search , wishlist, cart, and hamberger menu icon.

    Could you also remove the category banner from the category pages please. Beacause I checked the descriptions and there is nothing.

    Thank you very much

    May 20, 2019 at 1:13 pm #124668

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .whb-top-bar .search-button .search-button-icon:before {
    font-size: 30px;
}
body .whb-top-bar .woodmart-wishlist-info-widget .wishlist-icon:before {
    font-size: 30px;
}
body .whb-top-bar .woodmart-shopping-cart .woodmart-cart-icon:before {
    font-size: 30px;
}

body .woodmart-burger-icon .woodmart-burger, 
body .woodmart-burger-icon .woodmart-burger::after, 
body .woodmart-burger-icon .woodmart-burger::before {
    width: 30px;
    height: px;

}

    Best Regards

    May 20, 2019 at 1:58 pm #124677

    Myla
    Participant

    Thank you very much ! Awesome support

    May 20, 2019 at 4:27 pm #124716

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Icons size in the top bar’ is closed to new replies.