HELP! How to introduce additional margins to certain fields of the form


#1

Dear Unbounce community members,

I’m currently struggling with styling the additional Category labels to form fields on mobile. Here is how it looks now:

CloudApp

For now the bold labels are just regular text fields.

Is there any way to increase the spacing after certain fields Immobilientyp and Vermarktungsstart of the form using css or anything else? I would very much appreciate your support and code snippets!

Thank you so much in advance!

Cheers,
Alis


#2

@Joe_Savitch maybe you would be able to help?


#3

You have a link to the page?

Guessing you’d have to change the position of each of the fields and each field afterwards…

((My main annoyance with unbounce is it’s reliance on absolute positioning :wink: ))


#4

Thank you for looking into that!


#6

Okay so each of the field inputs and labels are contained within a div with the ID of ‘#container-input-name

So in a style sheet you would need something along the lines of

<style>
#container_property_zip_code {
top: 1000px !important;
}

The top value you need to work out I am afraid… and then each successive field you’ll need to redo as well… The !important tag will mean that the style sheet will supersede the inline styling unbounce has applied to the form…


#7

Thank you so much! It indeed requires some magic! But your solution works!


#8

Good to hear :slight_smile: sorry I couldn’t have just said use “margin-bottom:10px;” :wink: