Return to previous page

Buttons style editing on cart and off-canvas wishlist

This topic has 6 replies, 3 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

sint0

Participant

July 6, 2023 at 11:25

Hello!

How can I change the hovering background and text color for “clear shopping cart” and “continue shopping” buttons on the cart page.

How can I remove the button border and add a hover background and text color for the “view wishlist” button on the off-canvas wishlist.

Kind regards,
Adi

#361333 Copied Theme version: 9.1.8 WooCommerce version: 7.8.2

5 Answers

Rose Tyler

Support staff

July 6, 2023 at 12:35

Hello, Sint0,

Thank you for contacting us and for using XStore.

Settings for buttons you can find in Theme Options > Styling. Please try to edit the settings there first.

If this doesn’t help, provide temporary wp-admin access, so we can take a closer look.

Kind Regards,
8theme team

#361358 Copied

sint0

Participant

July 6, 2023 at 14:37

Hello,
I’ve set pretty much everything in place. The sole big issue is on the off-canvas Wishlist where the two bottom buttons are not complying with my settings.

The “view wishlist” button has a border but no hover effect.
The “add all to cart” button seems like not having a border, but it has a hover effect.

The desired combination is no border + hover effect – so I set the “view wishlist” button border the same color as the background to make it look borderless. But I don’t know how to add a hover effect.

Can you help me with that?

Also, the checkboxes for accepting the terms and so on are blue, and I want to change that, but I don’t know how. Help is needed, too.

Kind regards,
Adi

Please contact administrator
for this information.

#361378 Copied
Rose Tyler

Support staff

July 7, 2023 at 07:40
Hello, Sint0,

Thank you for your response.

Please add the next code in Theme Options > Theme custom CSS:
```
.et_element .mini-cart-buttons .wc-forward:not(.btn-checkout):hover {
    background-color: #00a9b4;
}
```
Try to use the next code to change the color of checkboxes:
```
input[type=checkbox]{
  accent-color:  #008292
}
```
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
#361418 Copied
sint0

Participant

July 7, 2023 at 17:28

Hello,
Everything worked like a charm.
Thank you very much!

Kind regards,
Adi

#361516 Copied

Tony Rodriguez

Support staff

July 8, 2023 at 05:37

Hello @sint0,

We are delighted to have you here. If you are satisfied with our Theme and Customer and Technical Support, we would greatly appreciate it if you could leave a 5-star rating for us on ThemeForest at the following link: http://themeforest.net/downloads. Doing so would help us to continue to provide updates and dedicated support in the future.

Thank you for reaching out to us.
We hope you have a wonderful day.

Sincerely,
8Theme’s Team

#361525 Copied
Tagged: buttons, cart, editing, off canvas, style, templates, wishlist, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Buttons style editing on cart and off-canvas wishlist’' has been successfully resolved, and the topic is now closed for further responses

Buttons style editing on cart and off-canvas wishlist

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection