I need generous help with my product page

This topic has 5 replies, 3 voices, and was last updated 1 year, 10 months ago ago by Dany

  • Avatar: Dany
    Dany
    Participant
    May 12, 2022 at 19:58

    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.

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 13, 2022 at 10:59

    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://xstore.helpscoutdocs.com/article/30-base-theme-translation
    4/ Theme Options > Header builder > Header sticky

    Regards

    Avatar: Dany
    Dany
    Participant
    May 15, 2022 at 20:24

    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?

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 16, 2022 at 11:53

    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

    Avatar: Dany
    Dany
    Participant
    May 16, 2022 at 19:13

    Ty!

  • Viewing 5 results - 1 through 5 (of 5 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.