Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I can see that the text above your selector is in two lines. I recommend adding text that fits on one line so that they can have equal height. Here's a screenshot of what I see from my end.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello,
As shown in the attached image, the Contact Form 7 columns that contain a dropdown are not the same as the others, they do not have the same height.
I am waiting for your answer.
Thanks greetings.
Attached files: problem.png
Hey David ,
Please provide the page URL so we can write up what's possible.
Thanks.
ThemeNectar Support Team
Hey David,
Thank you for getting back to us.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body[data-fancy-form-rcs="1"] .fancy-select-wrap { padding-top: 0; }Thanks,
Hello,
No, it still doesn't work right. It is not displayed with the same height by inserting the CSS code.
I am sending you a screenshot.
Attached files: error2.png
Hello again David,
Thank you for getting back to us.
Add this CSS to sort this issue.
.select2-container .select2-selection--single { margin: 0 }Kind regards,
Yes! It's working right.
Thank you.
Hey David,
Thank you for getting back to us.
I can see that the text above your selector is in two lines. I recommend adding text that fits on one line so that they can have equal height. Here's a screenshot of what I see from my end.
Kind regards,
Hello,
The problem is not about the two lines.
Please, check the ticket well. I have explained it very detailed with the attached image.
It's a CSS problem. Please, I need a solution.
Hi David,
Please try this css:
.material .wpcf7-form .nectar-wpcf7-inline-form {padding: 1.5em 3px;
} .wpcf7-form .nectar-wpcf7-inline-form {
display: -webkit-inline-box;
width: 14vw;
margin-left: -28px;
}
Thanks.
Hello,
That css code doesn't work. Send attached screenshot.
Attached files: error_164.png
Hi David,
I request you please send in your admin login details so that we can test a working css on your end.
Thanks.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
select { padding: 14px !important; }Thanks
ThemeNectar Support Team
Ok perfect. Thank you.