Return to previous page

The checkout button edit normal and hover are the same color problem

This topic has 6 replies, 4 voices, and was last updated 6 months, 1 weeks ago ago by Andrew Mitchell

Sam

Participant

August 4, 2024 at 15:49

Hi,

The checkout button edit normal and hover are the same color,
but I click the button, the button will changes to another color.

The desktop and mobile have the same problem.

I want to edit normal and hover to be the same colour.

How do I do?

Thank you.

Files is visible for topic creator and
support staff only.

#408735 Copied Theme version: 9.3.15 WooCommerce version: Version 9.1.2

5 Answers

Jack Richardson

Support staff

August 5, 2024 at 09:53

Hello @Sam,

The issue you described will be fixed in next theme update. If you need to have the solution implemented now, please, share with us the correct wp-admin + FTP access left in private area.

Kind regards,
Jack Richardson
The 8theme’s team

#408812 Copied

Rose Tyler

Support staff

August 6, 2024 at 10:52

Dear @Sam,

We have identified and resolved an issue on our website related to the limits. Now it has been fixed, so you can post tickets as always on the XStore Support Forum. https://www.8theme.com/forums/xstore-wordpress-support-forum/

Thank you for your patience and understanding.

Warm Regards,
The 8Theme Team

#409006 Copied

Sam

Participant

August 12, 2024 at 09:05

Hi, thank you.

I updated the theme version v.9.3.17,
the mini cart checkout button is not displayed in another colour,
but I clicked the mini cart checkout button, it displayed a vague effect.

I have already added the custom CSS code to the Global CSS, but it is not working now.

The CSS code:
body .btn-checkout:hover,
body .mini-cart-buttons .btn-checkout:hover {
opacity: 1 !important;
}

I want the mini cart button to display the same colour of normal and hover.

How to fix it?

Thank you very much.

Files is visible for topic creator and
support staff only.

#409919 Copied
Jack Richardson

Support staff

August 12, 2024 at 10:43
Hello @Sam,

You should add next CSS selectors in your solution:
body .mini-cart-buttons .btn-checkout:hover:focus
so the code will look like next:

body .btn-checkout:hover, body .mini-cart-buttons .btn-checkout:hover, body .mini-cart-buttons .btn-checkout:hover:focus { opacity: 1 !important; }

Kind regards,
Jack Richardson
The 8theme’s team
#409938 Copied
Andrew Mitchell

Support staff

August 13, 2024 at 15:40

Dear Sam,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#410104 Copied
Tagged: button hover color, checkout button color, edit woocommerce button, fix woocommerce issues, woocommerce color problem, woocommerce themes, wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘The checkout button edit normal and hover are the same color problem’' has been successfully resolved, and the topic is now closed for further responses

The checkout button edit normal and hover are the same color problem

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection