This topic has 6 replies, 2 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler
Hello,
I’m having an issue with my theme where the “add to cart” button works perfectly fine, but when I go live and there are multiple purchase options, it displays “–or–” between them, making the page look less aesthetically pleasing.
I would appreciate it if someone could help me figure out how to remove this “–or–” text. If you visit the site yourself, you’ll see the problem. The issue seems to be affecting the way the Google search engine displays my site.
Thank you for your help in advance.
Hello, Mady,
Thank you for contacting us and for using XStore.
Try to add the next code in Theme Options > Theme custom CSS:
#wc-stripe-payment-request-button-separator,
#wcpay-payment-request-button-separator {
display: none;
}
.single-product #wcpay-payment-request-button {
margin-bottom: 20px;
}
Kind Regards,
8theme team
“I tried to add the following code via Xstore > Theme Options > Theme Custom CSS at the bottom of the lines:
#wc-stripe-payment-request-button-separator,
#wcpay-payment-request-button-separator {
display: none;
}
.single-product #wcpay-payment-request-button {
margin-bottom: 20px;
}
However, it doesn’t seem to be making any changes. If you’re still having issues, you might want to try clearing your cache or checking to make sure the CSS selector is correct.
Do you hear the problem I’m having? Can you help me troubleshoot why the CSS code isn’t working as expected
Hello, Mady,
Please add “!important;” – https://prnt.sc/FDyzHV8F5Doz
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
I added the “!important” code to the theme CSS, but the problem persists. I added the code by going to Theme Options > Theme CSS > Global CSS and added the “!important” on the last line, but it still didn’t work. The issue seems to be resolved when I use the Microsoft Edge search engine.
Do you have any suggestions on how to make the CSS code work on other browsers? Is there anything else I can try to fix this issue?
look : https://www.cjoint.com/c/MDkrpBFZz7V
Thanks You,
Best regard
Hello,
Thank you for your response.
This is the problem https://prnt.sc/KJVajQ_glMzG Please change
#wc-stripe-payment-request-button-separator,#wcpay-payment-request-button-separator {
display: none; !important
}
to
#wc-stripe-payment-request-button-separator,
#wcpay-payment-request-button-separator {
display: none !important;
}
Kind Regards,
8theme team
Tagged: add to cart, best selling, display, options, purchase, themes, woocommerce, xstore
You must be logged in to reply to this topic.Log in/Sign up