Tagged: CONTACT FORM, CSS, padding
Hi all,
I’m trying to move a line of text down within a contact form. As you can see, currently it’s just kinda hanging out there in no-man’s land, whereas I want it down a bit so it’s more obvious it is in relation to the text fields below it. My CSS skills are pretty much nonexistent, so any help would be much appreciated!
Hi there,
I am not a developer but maybe I could help because the support guys seem swamped. I have asked a support question 3 days ago and I am still waiting for an answer, so while I wait please send a link to your website so me or somebody else can help.
Regards,
ManoLee
Hi ManoLee,
I appreciate the offer to look at it, but i’m afraid the site isn’t live, so I need to provide login credentials if anyone needs to look into it further.
OK, I understand. So you’ll have to wait in line like me. The support questions are flying in the forum in hundreds!
Good luck :)
Hi @ReubenTimely,
We will need to inspect the item in question in order to give you custom CSS, would it be possible for you to publish it somewhere?
Regards,
Rikard
Hi Rikard,
Thank you for the response. I have temporarily published one of the pages that has the contact form in question. The link can be found below. Thanks for the help!
-Reuben
Hi!
As it seems, based on how the form is developed it is hard to move that element only, because there is a <p> tag, which we can nto target it somehow.
Camn u add a custom class to the element?
Best regards,
Basilis
Hi Basilis,
I have added a custom CSS class to the element. Now, whether I did it correctly or not is another story! Anything else I need to do? Thanks again for the help!
-Reuben
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#avia_5_1 p {
margin-bottom: -15px !important;
}
Thanks,
Rikard
Hi Rikard,
This is perfect! Thank you so much! I really appreciate it. You may close the ticket.
-Reuben