Shopping cart and wishlist icon

Hi,

The icons of the shopping cart and the wish list are much too small for us. We are trying to enlarge them but we can’t find the right solution, because if the icons get larger the spacing between the icons gets too small.

Can you provide us a code to get like in the pictures. Picture 1 is showing the actual icons and the edited picture is showing how we would like to have it.

Thank you very much in advance

Attachments:

You must be logged in to view attached files.

Hello,

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

@media (max-width: 1024px){
body .wd-buttons .wd-action-btn>a:before, 
body .wd-buttons .wd-action-btn>a:after {
    font-size: 24px;
}
}

Best Regards

Ok this solved the size of the icon but I need space (padding) to the left, right, top, bottom and what is very important between the icons. They are sticking now together – see picture – and I need it like in picture 2 that I posted already.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the code with this one:

@media (max-width: 1024px){
body .wd-buttons .wd-action-btn>a:before, 
body .wd-buttons .wd-action-btn>a:after {
    font-size: 24px;
}
body	.wd-hover-icons .wd-buttons {
    padding-right: 25px;
    padding-left: 25px;
}
body 	.wd-hover-icons .wd-buttons .wd-action-btn {
    max-width: 50px;
}
}

You need to try different figures to get the result you want.

Best Regards

[Author]

Posts