Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1093661

    Hi, I want to change the padding to 12px in contact form on two pages. But I also want to change the padding to 30px on all the product pages (woocommerce form for selecting date). I added this code to enfold css but now it’s 30px on all the pages:

    .page-id-368 #top input[type=”text”], .page-id-343 #top input[type=”text”] {
    padding: 8px 12px !important;
    }

    #top input[type=”text”] {
    padding: 8px 30px !important;
    }

    How can I get the specific code working on only those two pages?

    Thank you!

    #1093796

    Hey jannnnnneke,
    Please try this code instead in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-368 input[type="text"],#top.page-id-343 input[type="text"] {
    padding: 8px 12px !important;
    }
    
    #top.single-product input[type="text"] {
    padding: 8px 30px !important;
    }

    Best regards,
    Mike

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.