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
.
