Return to previous page

Reply 339954 to: I want to edit single product builder that can add custom section or add a Background.

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
November 29, 2022 at 06:13

Hello, @Fernez,

1- I have checked and confirmed that the settings are set to fine there must be a third-party plugin that conflicts and causes the issue. kindly activate the parent theme first and please try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://xstore.helpscoutdocs.com/article/36-included-plugins , clear the cache of the browser, and check then. Maybe one of the additional plugins is the reason for the problem.

And if the issue will still persist then please remain all the third-party plugins deactivated on your site and allow us to debug your site in deep to find the cause of the issue.

Note: Please take a complete backup of your site first.

2- To style the buy now button simply navigate to the Dashboard >> XSTORE >> Theme Settings >> WooCommerce >> Single Product Builder >> Add to cart & Quantity see the image: https://postimg.cc/0K6bKHTF and to change the text you have to translate it there is no option to change the text in the theme. Please check this article to know how to translate: https://xstore.helpscoutdocs.com/article/30-base-theme-translation

3- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

.element-nnrkj.et_column.et_product-block.mob-full-width.mob-full-width-children.justify-content-start{background:white !important;}
.woocommerce-tabs .wc-tab{background: #033f88 !important;}
.woocommerce-tabs{border:0px !important;}
.woocommerce-tabs.type-folders.horizontal .wc-tabs .et-woocommerce-tab{border-radius:10px 10px 0px 0px !important;}

Then save settings and check back to your site after clearing the browser cache.

4- You have to use the custom CSS code for this purpose too. To know how to set a background image using CSS code please check this: https://www.w3schools.com/cssref/tryit.php?filename=trycss_background-image

Regards 8Themes Team.

#339954
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.