Return to previous page

I want to edit the buttons and other elements in the login form and cart form

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

Darren62

Participant

July 3, 2024 at 18:46

Hello

I want to change the button colours and edit the fields in the login form and cart form but cannot find where they are to do so.

#402952 Copied Theme version: 9.3.14

3 Answers

Tony Rodriguez

Support staff

July 4, 2024 at 06:19

Hello, @Darren62,

Thank you for contacting us and for using XStore.

To assist you with your inquiry, we kindly ask that you refer to our theme documentation, which can be found at the following link: [https://xstore.helpscoutdocs.com/article/201-theme-options-styling-colors](https://xstore.helpscoutdocs.com/article/201-theme-options-styling-colors).

Should the issue continue, please provide screenshots of the buttons with clear markings, along with your site’s wp-admin access credentials. This will enable us to examine your settings more closely and provide you with the necessary support.

We kindly recommend that you take a complete backup of your site before proceeding.

Thank you for your cooperation.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#402987 Copied

Darren62

Participant

July 4, 2024 at 08:46

Hello Tony

No I want to edit these not global colours for them

Files is visible for topic creator and
support staff only.

#403032 Copied
Tony Rodriguez

Support staff

July 4, 2024 at 09:06
Hello, @Darren62,

Thank you for your response.

1. To modify the button colors, please insert the following custom CSS code in the designated section: Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS.
```
.etheme-elementor-off-canvas_content .woocommerce-form-row .button {
    background-color: blue !important;
    border-color: #090a09 !important;
    color: #ffffff !important;
}

.mini-cart-buttons a {
    color: #fff !important;
    background-color: #63d913 !important;
    border-color: #000000 !important;
}

.btn-checkout, .mini-cart-buttons .btn-checkout {
    background-color: brown !important;
}
```
2. Regarding the login form and cart checkout form, these are default components provided by the WooCommerce plugin. Currently, there is no built-in option to edit the fields in these forms directly through the theme settings.

For further assistance or modifications related to these forms, please contact WooCommerce support directly at: [WooCommerce Support](https://wordpress.org/support/plugin/woocommerce/).

We hope this information proves helpful to you. Should you have any more questions or require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#403042 Copied
Tagged: customize woocommerce cart form, edit woocommerce login form, personalize woocommerce elements, woocommerce wordpress themes customization, wordpress theme button editing
Viewing 4 results - 1 through 4 (of 4 total)