This topic has 5 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Dany
Hi, I’d need some help for my product page.
1) Firstly, how can I change the border color on hover of the “Plug Type” selector?
2) How can I remove the sticky add to cart overlay on the page’s footer content? (Can I level it down?)
3) How can I set the little pink box (on the product images) “SALE 50%” instead of “UP TO 50%”?
4) Can I remove the overlay of the sticky header on the contents of the page?
Thanks in advance.
Hello,
1/ Use the next custom CSS code:
.single-product td.value select:hover {border-color: red;}
2/ Describe your request in more detail using screenshots, please.
3/ This text comes from the theme, so you can use translation files to change it. Install and activate Loco Translate plugin > create a translation for XStore theme > change English text and disable the Loco plugin https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/
4/ Theme Options > Header builder > Header sticky
Regards
2) Here’s a screenshot. Some of the footer’s content is covered…
4) I tried to go there but there doesn’t seem to be a solution for that overlay. Could I fix this problem with code?
Hello,
2) Add the below code to Theme Options > Custom CSS
.single-product .et-footers-wrapper {
margin-bottom: 70px;
}
4) Sticky header means that the header displays over the page content always when you scroll down (Fixed type) or only if you scroll down and then to the top (Smart type). If you don’t want to have that overlay of the header you can only disable the Sticky header option.
Regards
Ty!
The issue related to '‘I need generous help with my product page’' has been successfully resolved, and the topic is now closed for further responses