Return to previous page

How I can Customize this Section in Single Product Page

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

Mirza Ahtsham

Participant

August 30, 2024 at 12:23

How I can Customize this Section in Single Product Page. Please Let Me Know How I can Change The Color of Review Button.

Files is visible for topic creator and
support staff only.

#412358 Copied Theme version: 9.3.18

1 Answer
Tony Rodriguez

Support staff

August 30, 2024 at 13:13
Hello, @Mirza Ahtsham,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Please follow the instructions below to update your single product tabs and add custom CSS to your website:

1. **Updating Single Product Tabs:**
– Navigate to **XStore builders > Single Product Builder via Elementor**.
– Select **Edit Template**.
– Proceed to **Edit Single Product Tabs**.
– Add or modify tabs as required and ensure to update the changes.
– For your reference, an image has been provided in the private content area.

2. **Adding Custom CSS:**
– Go to **XStore > Theme Options > Theme Custom CSS > Global CSS**.
– Please insert the following CSS code:
```
.form-submit input[type=submit] {
    background-color: var(--et_btn-dark-bg-color) !important;
    border: 1px solid var(--et_btn-dark-br-color) !important;
    color: var(--et_btn-dark-color) !important;
}

/* On Hover */
#commentform input[type=button]:hover, .btn-black:hover, .btn.black:hover, .form-submit input[type=submit]:hover {
    background-color: var(--et_btn-dark-bg-color-hover) !important;
    border-color: var(--et_btn-dark-br-color-hover) !important;
    color: var(--et_btn-dark-color-hover) !important;
}
```
Should you require any further assistance or have any queries, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.
#412380 Copied
Tagged: customize single product page, modify woocommerce product page, personalize woocommerce product section, woocommerce product page customization, woocommerce theme customization, wordpress woocommerce editing, wordpress woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)