• Resolved janbillund

    (@janbillund)


    Hi!
    First of all. Thank you for a fantastic plugin.
    I would like to change the color of the gray top row. Check it out here. Schroll down a couple of sections.
    Would that be possible? I’ve already looked for ansvwer here.
    Kind regards Jan

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter janbillund

    (@janbillund)

    Hi again
    I managed to fix this issue on my own ??
    /Jan

    So can you show me too ?

    Thread Starter janbillund

    (@janbillund)

    Look at FAQ on this page. Under ‘Design’ see ‘Is possible modify any of predefines templates included with the plugin’.

    “The plugin includes multiple templates that can be assigned to the Forms to display a predefined design: Default template, Letter template, Professional, Natural, Elegant, Decorative and Clean Design.

    Each template is stored in its own directory, in the “templates” folder ( “/wp-content/plugins/calculated-fields-form/templates”). Basically the templates are formed by a CSS file ( style.css ). If you want change the appearance of a predefined template, you simply should modify the style.css file corresponding to the template. The directories of each template are:

    Letter Template: templates/01 directory.
    Professional Template: templates/02 directory.
    Natural Template: templates/03 directory.
    Elegant Template: templates/04 directory.
    Decorative Template: templates/05 directory.
    Clean Design Template: templates/06 directory.”

    Thanks

    Plugin Author codepeople

    (@codepeople)

    Hello @janbillund, @amirdorna,

    In the latest versions of the plugin there is an easier alternative, you don’t need modify the plugin’s files, simply redefine the styles through the “Customize Form Settings” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)

    For example, assuming you want to replace the header bar from gray to blue, enter the following style definition into the “Customize Form Desing” attribute:

    
    #fbuilder .fform{background:blue !important;}
    

    and that’s all.
    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change color top row’ is closed to new replies.