selecting a label

  • I want to select a label and hiding its original content and add an image.

    The label is:
    <label for=”payment_method_angelleye_ppcp”>

    And I tried this in code snippets pro to address / select it, but nothing seems to work:

    label[for=payment_method_angelleye_ppcp]

    .label[for=payment_method_angelleye_ppcp]

    label[for=”payment_method_angelleye_ppcp”]

    .label[for=”payment_method_angelleye_ppcp”]

    I’m happy for any suggestion or idea. I guess it would also be possible with JavaScript and something like document.querySelector(‘label[for=”ABC”]’)?

    Really hope to make this work with CSS because actually I would want to exchange the insight of that label with an image.

    • This topic was modified 2 years, 2 months ago by chris15326.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Shea Bunge

    (@bungeshea)

    Hi @chris15326,

    This should work as a CSS selector for that element:

    label[for="payment_method_angelleye_ppcp"]

    If it doesn’t seem to be working on your site, it’s possible that your rules are being overridden for lack of specificity.

    I’d recommend double-checking whether you can see them in the browser element inspector, and perhaps adding additional parent selectors or using the !important flag.

Viewing 1 replies (of 1 total)
  • The topic ‘selecting a label’ is closed to new replies.