Need to remove “- or -” separator within express checkout…

  • Resolved elevated420

    (@elevated420)


    2 months, 3 weeks ago

    Take a look at this photo…

    View post on imgur.com

    https://imgur.com/a/RMoSlvm#NWbvoqE

    I need to remove the “or” separator as seen in the top photo. If I remove the “WooPay” express button / option, only then does it remove the separator (bottom photo).

    This CSS code should work, but it does not.

    .wcpay-express-checkout-button-separator {
    display: none;
    }

    The separator looks like s***. I can’t live with it. Been working on this for two hours. Hope someone can help.

    Thanks in advance!

    • This topic was modified 2 months, 3 weeks ago by elevated420.
    • This topic was modified 2 months, 3 weeks ago by elevated420.
Viewing 16 replies (of 16 total)
  • Plugin Support omarfpg a11n

    (@omarfpg)

    Hi @elevated420,

    As stated in my first post, I already tried that code. That is why I am going crazy. It should not be this complicated.

    I see you tried this already on your first reply, just a small difference, did you try with the !important tag? Like this:

    p#wcpay-express-checkout-button-separator {
        display: none !important;
    }

    Please also make sure to add this to the end of your Additional CSS section in your theme’s customizer.

    The !important tag will do the trick; I just tested this on my own site with and without the tag, and that made the difference! ??

    Without:

    With:

    Please, let us know!

    Thanks!
    -OP

Viewing 16 replies (of 16 total)
  • You must be logged in to reply to this topic.