How i can to fix this issue with the hover/active effects

This topic has 14 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

  • Avatar: LambdaSP
    LambdaSP
    Participant
    February 13, 2023 at 22:35

    how i can to do some hover+active button effects to give some feedback on what i choose in the variations?
    I attached photos to explain
    https://ibb.co/x8cshy9
    https://ibb.co/0FZ9Gy0 (here have not any feedback not text like “Size Selected: 42” or any hover/active feedback
    https://ibb.co/SyJ73kZ

    13 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 14, 2023 at 07:44

    Hello, @LambdaSP,

    We regret to inform you that we do not currently have an option for such hover/active feedback.

    You may need to use an additional plugin to achieve this.

    If you would like to request this functionality, you can submit your question to our technicians via our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

    Unfortunately, we cannot recommend which plugin to use as it depends on your needs. We suggest that you contact the support of WooCommerce for their advice.

    Kind Regards,
    8Themes Team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 14, 2023 at 16:56

    Have not some css code to do this? I just want if the client choose size 36 the button will change the background to black..

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 15, 2023 at 05:51

    Hello @LambdaSP,

    We suggest you to try the following CSS code in XStore >> Theme Options >> Theme Custom CSS >> Global CSS and change the color as per your requirements.

    .single-product-builder .single_add_to_cart_button.button.disabled {
        background-color: red !important;
    }
    .single-product-builder .single_add_to_cart_button.button {
        background-color: yellow !important;
    }

    Best Regards,
    8Theme’s Team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 15, 2023 at 07:16
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 15, 2023 at 07:23

    Hello @LambdaSP,

    In order to activate the background color for the variation swatches, please copy and paste the following CSS code into Xstore >> Theme Options >> Skin >> Custom CSS. After doing so, please clear your browser’s cache and check back on your site.

    CSS Code:

    ul.st-swatch-size-normal li.type-label.selected {
        background-color: #000 !important;
    }

    Regards,
    8Theme’s Team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 15, 2023 at 12:59

    Where it is Skin? You mean Theme Custom CSS -> Global CSS?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 15, 2023 at 13:50

    Hello, LambdaSP,

    Theme Options > Theme Custom CSS > Global

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 15, 2023 at 14:00

    Now its look’s different each other,
    in the home page in black background and white text.
    and the border with color grey -> https://ibb.co/d6Kn7M0

    And in the shop page its black background with grey text.

    And in the quick view its no show up at all(nothing happend)

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 15, 2023 at 16:26

    Hello, LambdaSP

    Please delete this code https://prnt.sc/7RKFx4M8tlOr
    , and try our options “Show Selected Item Name” and “Swatches Border Color” in Theme Options > WooCommerce > Shop elements > Variation Swatches.

    Or change that custom CSS code to:

    .st-swatch-preview li.selected {
        background-color: #000 !important;
        color:white !important;
    }

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 15, 2023 at 21:56

    Yes now its good but how i can to change the border color?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 16, 2023 at 09:45

    Hello, LambdaSP,

    Did you try “Swatches Border Color” in Theme Options > WooCommerce > Shop elements > Variation Swatches?

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    Avatar: LambdaSP
    LambdaSP
    Participant
    February 17, 2023 at 08:11

    Oh thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2023 at 08:17

    Hello, LambdaSP,

    You’re welcome!

    Kind Regards,
    8theme team

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

The issue related to '‘How i can to fix this issue with the hover/active effects’' has been successfully resolved, and the topic is now closed for further responses

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