- This topic has 7 replies, 2 voices, and was last updated 2 years, 5 months ago by .
align checkboxes from contact form
You must be logged in to reply to this topic.
Hello,
I created a contact form with contact form 7
my checkboxes are on a single line on contact form but not on the contact page it’s one below the other how to correct that?
are there any media queries for the contact page?
Hello,
You can use the following CSS selectors to target the contact section and Contact Form 7.
.contact .wpcf7-form input[type='checkbox'] {
/*add your css here */
}
Hope that helps.
Hello,
Because the Contact section on the one-page template has specific styles applied to it for input fields.
You can style them using the CSS code I provided.
so if i use css like your previous message that will be OK ?
but where i put this code ?
.contact .wpcf7-form input[type='checkbox'] {
/*add your css here */
}
Hello,
You place this code in the Custom CSS field of the Custom Code section in the Integral Options Panel.
ok so i put this code
if someone need it
.contact .wpcf7-form input[type='checkbox'] {
display: inline-block;
width: 32px;
padding-left: 40px;
background-position: 0 0;
background-repeat: no-repeat;
}
You must be logged in to reply to this topic.