-
Posted in : Efor
-
Hey there,
we encountered a visual bug in the contact form for an acceptance field: https://cdn.discordapp.com/attachments/673943621883396156/1207401631214346291/image.png?ex=65df8365&is=65cd0e65&hm=ba345f8387ba06cd45937453956143c48a99ec3d53ce52842727319f2589b205&We tried to fix it with CSS but it didn’t really work, no matte what we did. It looks like this currently: https://cdn.discordapp.com/attachments/673943621883396156/1207401425492119602/image.png?ex=65df8334&is=65cd0e34&hm=1c34ec3995ac53a28568717770e0dff032cd10b7db8875023e3bcdb41fb9d3d0&
Hi,
If you share the url of the relevant page you are having trouble with, I would like to take a look.
Thankshttps://adomai.d26n3jh.de/kontakt/
It’s on the last step of the contact form
Hi,
I would like to share a screenshot with you. When I browse your website, the checkbox appears normal. I have tried these tests at different resolutions and it is not the same as the screenshot you shared with me. Did you fix the problem? Please clear your browser cache if you have one.
https://ibb.co/VwrGMyJ
ThanksSince the Website is supposed to go online on this sunday, we tried to fix it with some CSS. But it’s way to big. This is how it should look: https://cdn.discordapp.com/attachments/673943621883396156/1208071155085475880/image.png?ex=65e1f2f0&is=65cf7df0&hm=8e727c0bd7079dad839ad2ac02cb9fe110be55ad0ad923d46e669b69b8409aee&
This is our code:
selector .e-eicon-caret-down {
display: none !important;
}#form-field-field_87e4d61{
font-size: 22px!important;
line-height: 19px;
margin-right: 10px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-right:20px;
padding-left: 6px;
padding-top: 1px;
padding-bottom: 0px;
}#form-field-field_87e4d61
}Hi,
Could you please try to use these custom css codes;#form-field-field_87e4d61 { font-size: 12px!important; margin-right: 8px; margin-bottom: 0px; padding-right: 10px; padding-left: 5px; padding-top: 0px; } input[type=checkbox]:after { width: 0.14em; height: 0.60em; transform: rotate(36deg) translate(0.56em, 0.32em); } input[type=checkbox]:before { width: 0.24em; height: 0.45em; transform: rotate(-58deg) translate(-0.66em, 0.30em); }Thanks
You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.
https://themeforest.net/downloads
Thank you for your support.
You must be logged in and have valid license to reply to this topic.