2

I am using a custom _extend.less file for css changes, all changes are showing but this particular one. When I inspect from browser the element is leading with # instead of . So not quite sure what I should be doing here.

@media (min-width: 768px){

#zoid-paypal-message-uid_2944830117_mjm6mjg6nda {
    min-width: 350px;
    max-width: 1269px;
}}

enter image description here

Improve this question

1 Answer 1

Reset to default
1

That element ID is rendered by JS, not CSS. Let's add a screenshot that shows #zoid-paypal-message-uid_ element and the HTML structure like the one below, I'll help to change CSS.

root element
    parent element
        #zoid-paypal-message-uid_
Improve this answer
6
  • See above is that what your after?
    – Shaun
    Commented Oct 26, 2022 at 21:41
  • I don't see #zoid-paypal-message-uid_ in your screenshot, please check it again.
    – Tu Van
    Commented Oct 26, 2022 at 21:58
  • See added screenshot above
    – Shaun
    Commented Oct 26, 2022 at 22:26
  • 1
    You can use this CSS rule: #pay-later > div > span instead of #zoid-paypal-message-uid_2944830117_mjm6mjg6nda
    – Tu Van
    Commented Oct 26, 2022 at 22:45
  • That works thanks!
    – Shaun
    Commented Oct 26, 2022 at 23:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.