Hover on product Modify badge size and position in mobile mode
-
This is my screenshot link
https://www.dropbox.com/scl/fi/d54nr1dxk3vxwr8iofh7j/2023-09-20-7.30.53.png?rlkey=ktlv2byc4apcnoeoam0l32uih&dl=0
In mobile mode, the badge display ratio is too large. How to modify it? Add the shopping cart icon position and move it to the lower right corner. Change the size of the white background to a smaller size.
You can log in to my backend and modify the content at will. This is a test site.
Screenshot caption image
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Mobile:
.product-label.out-of-stock {
background-color: blue !important;
min-width: 40px;
font-size: 8px;
}
Change the code as per your requirements.
Best Regards.
Can sale and new be smaller?
Change the cart position to the lower right corner of the image. Can the background color be changed to semi-transparent?
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Mobile:
.product-label.onsale {
background-color: var(--wd-primary-color);
min-width: 40px;
font-size: 8px;
}
.product-label.new {
background-color: red;
min-width: 40px;
font-size: 8px;
}
.product-grid-item .wd-buttons {
top: 68px !important;
right: 2px !important;
}
Change the code as per your need.
Best Regards.
Shopping cart icon white background I want it smaller can you help me thank you Shopping cart icon size does not need to be changed
Attachments:
You must be
logged in to view attached files.
How to change the black shopping cart to white
Attachments:
You must be
logged in to view attached files.
All problems have been solved. No need to reply. Thank you for your help.
Hello,
You are Most Welcome.
We are glad that you managed to solve the problem yourself. You are Great!!!
Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.
Have a wonderful day.
Topic Closed.
Best Regards.
The topic ‘Hover on product Modify badge size and position in mobile mode’ is closed to new replies.
.
