Return to previous page

Display issue with ‘–or–‘ between purchase options on Xstore theme’s ‘add to cart’ button

This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

mady

Participant

April 9, 2023 at 13:45

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.

#352754 Copied Theme version: 9.1 WooCommerce version: 7.5.1

5 Answers
Rose Tyler

Support staff

April 9, 2023 at 15:14
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
#352764 Copied
mady

Participant

April 9, 2023 at 20:05

“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

#352786 Copied

Rose Tyler

Support staff

April 10, 2023 at 07:22

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

#352808 Copied

mady

Participant

April 10, 2023 at 18:16

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

#352880 Copied
Rose Tyler

Support staff

April 11, 2023 at 10:15
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
#352918 Copied
Tagged: add to cart, best selling, display, options, purchase, themes, woocommerce, xstore
Viewing 6 results - 1 through 6 (of 6 total)