Tagged: contactform, CSS, padding, page-id, specific
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!
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