How to make the header icon bigger?

I want to make bigger icon of cart, search, account, wishlist in the header.
I change custom css

.whb-top-bar .wd-tools-element .wd-tools-icon:before {
font-size: 25px;
}

but it’s not enough. It work only when I refresh the page

Hello,

Please replace your CSS with the following then check back.

.wd-header-cart .wd-tools-icon:before {
    font-size: 27px;
}
.wd-header-cart .wd-tools-icon:before {
    font-size: 27px;
}
.wd-header-wishlist .wd-tools-icon:before {
    font-size: 27px;
}

Best Regards.

Thank you,
but this isn’t correct solution.
This css make bigger icons only in the default sticky header and only when I second time refresh the page.
I have icons in top bar not in main header

Hello,

Please provide the URL of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

My web-site

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-top-bar .wd-header-search .wd-tools-icon:before, .whb-top-bar .wd-tools-element .wd-tools-icon:before {
    font-size: 25px;
}

Best Regards.

Thank you, now it’s OK

Hello,

We are Glad that you loved our Theme and Support Staff. We wish you all the best.

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts