changing bg color of template

Hi,

Into the “/wp-content/plugins/calculated-fields-form/templates/” directory, there are other directories, each one for a different template. Each template include at least two files, one of them to define the template (config.ini), and the second one to define its appearance (style.css).

Through the config.ini file it is possible to identify the template (the “title” attribute is the template’s name), for example the content of the config.ini file for the natural template is:

prefix=”cp_cff_natural”
file=”style.css”
title=”Natural”
thumbnail=”thumbnail.jpg”
description=”A design with natural decorations”

The “prefix” attribute indicates the name of the class that is the root of the styles in the style.css file, so, you should to open the style.css file in the text editor of your choice, and modify the style definition:

.cp_cff_natural{background:url(“top_bg.png”) 0 0 repeat-x #f3f6ea; padding:10px;}

To change the form’s background.

If you need additional help customizing the appearance of your form, please, do not hesitate in request a custom coding service from the following link:

https://cff.dwbooster.com/customization

Best regards.

ok thanks

Hi,

Not really, the config.ini file is used only to identify the template, you should edit the style.css file corresponding to template you want modify, and of course depending of the template selected, the name of the root class would be different, and the styles to modify would be different too.

You simply should replace the background color associated to the style definition:

.cp_cff_clean #fbuilder .fields:not(.section_breaks){padding: 10px;margin-bottom:10px;background:#EBECEC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

in the “/wp-content/plugins/calculated-fields-form/templates/06/style.css” file.

Please, after edit the CSS file, do not forget to clear the browser’s cache.

Best regards.

thank you