Column padding only on the right side?

  • Resolved fitnessgenie

    (@fitnessgenie)


    5 years, 4 months ago

    I input this recommended code:

    #fbuilder .fields.column2{float:left;width:49.9%;clear:none;}
    #fbuilder .fields.column3{float:leftr;width:33.3%;clear:none;}
    #fbuilder .fields.column4{float:left;width:24.9%;clear:none;}

    into the customize form design section to create a mobile responsive 4 column side by side layout. The code worked wonders for responsive layout for smaller screens but it seems that each column has a padding on the right side that takes up almost 1/3 of each column. This padding overrides my calculated content and forces instruction text to take up more lines than necessary. How can the padding to each column be removed? This is for the multi-colored form at the bottom of the page

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @fitnessgenie,

    The padding was included by yourself with the style definition:

    
.page #fbuilder .fields.column2,
.page #fbuilder .fields.column3,
.page #fbuilder .fields.column4 {
    padding-right: 20px;
    padding-bottom: 0
}

    You simply should to edit your own styles.

    I’m sorry, but I cannot implement your project through the WordPress forum. If you need that I customize your form’s design, please, request a custom coding service from my private website:

    https://cff.dwbooster.com/customization

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Column padding only on the right side?’ is closed to new replies.