Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Aligning form fields and check boxes side-by-side


jussi
Go to solution Solved by tuanphan,

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

11 answers to this question

Recommended Posts

  • 0

Hi !  I was looking to do the same but just to align both fields side-by-side. I used this code in my ccs box and it didnt do anything. can you help. thanks.

On 6/15/2020 at 8:44 AM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1590817488800_15909 .checkbox .option {
    float: left !important;
    width: 30% !important;
}
}

 

 

Link to post
  • 0
11 minutes ago, jennypetit said:

Hi !  I was looking to do the same but just to align both fields side-by-side. I used this code in my ccs box and it didnt do anything. can you help. thanks.

 

If you share link to page where you insert form, I can check easier.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

So I've now added one more field - and I want 'Din e-post' together with 'Bedriftens navn' on the same line please?

And also the check boxes to appear behind 'Velg ditt nyhetsbrev' ie. all on the same line.

Skjermbilde (178).png

Link to post
  • 0
26 minutes ago, jussi said:

So I've now added one more field - and I want 'Din e-post' together with 'Bedriftens navn' on the same line please?

And also the check boxes to appear behind 'Velg ditt nyhetsbrev' ie. all on the same line.

Difficult to help without checking url

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0
On 8/26/2020 at 1:30 PM, jussi said:

www.it-folk.no

 

Add to Home > Design > Custom CSS

/* Align form items */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1590817488800_15909 {
	.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {
    width: 45%;
    float: left;
}
.form-wrapper .field-list>div:nth-child(2) {
    margin-right: 5%;
}
}
}

You can adjust width, spacing..

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...