1-Column Layout for narrow Div

  • Resolved tylerriversadmin

    (@tylerriversadmin)


    8 years ago

    Hello,

    A quick question: I know that the plugin has CSS style rules already for mobile that reorganizes your forms for a single-column layout (even if you have 2+ column Divs set up in the layout). Is there any way to specify that an instance of a form use those rules, even on a wider media size? I have a page with a 3-column layout, which makes the form rather narrow, but it still tries to pack in 2 columns in the Divs.

    Thanks in advance for your help.

    https://wordpress.org/plugins/calculated-fields-form/

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

    (@codepeople)

    8 years ago

    Hi,

    You simply should modify the screen size rules in the following style definitions:

    @media screen and (min-width: 740px),print{
    #fbuilder .fields.column2{float:left;width:49.9%;}
    #fbuilder .fields.column3{float:left;width:33.3%;}
    #fbuilder .fields.column4{float:left;width:24.9%;}
}

@media screen and (max-width: 640px){
    #fbuilder .small,
    #fbuilder .medium{width:100% !important;}
}

    in the “/wp-content/plugins/calculated-fields-form/css/stylepublic.css” file.

    Tip: Remember to clear the browser’s cache after edit the online files.

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘1-Column Layout for narrow Div’ is closed to new replies.