Return to previous page

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, 9 months ago ago by Rose Tyler

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

#346852 Copied Theme version: 9

13 Answers

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

#346874 Copied

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..

#346958 Copied
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
#346974 Copied
LambdaSP

Participant

February 15, 2023 at 07:16

I mean to this buttons
https://ibb.co/QDMQ37t
https://ibb.co/XbX595M
https://ibb.co/0KwbGjr

#346983 Copied
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
#346985 Copied
LambdaSP

Participant

February 15, 2023 at 12:59

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

#347018 Copied

Rose Tyler

Support staff

February 15, 2023 at 13:50

Hello, LambdaSP,

Theme Options > Theme Custom CSS > Global

Kind Regards,
8theme team

#347027 Copied

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.

#347029 Copied
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
#347056 Copied
LambdaSP

Participant

February 15, 2023 at 21:56

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

#347080 Copied

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

#347125 Copied

LambdaSP

Participant

February 17, 2023 at 08:11

Oh thank you!

#347260 Copied

Rose Tyler

Support staff

February 17, 2023 at 08:17

Hello, LambdaSP,

You’re welcome!

Kind Regards,
8theme team

#347264 Copied
Tagged: active, effects, hover, templates, woocommerce, wordpress
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection