override template files

Hi,

Thank you for reaching out to us.

The form design can be customized through CSS. There are two recommended ways:

1. Write CSS that overwrites our Profile Builder styling directly in your theme. You can then target just the elements that interest you.

2. Copy the css found inside wp-content\plugins\profile-builder\assets\css\style-front-end.css directly in your theme and disable Profile Builder to load it’s own css.

If needed, you can also install Custom CSS Classes on Fields, a free add-on that lets you add CSS classes to individual fields. You can install it directly from your Dashboard, from Profile Builder -> Add-ons.

What we don’t recommend is starting from scratch and try to re-do all the CSS. Unless you have a particular need to do it like that, I would recommend the above.

Best regards,

how about adding specific classes like bootstrap or warp 7 customizations?

can we override in the template folder the plugin files?

Hi,

Each form has it’s own class and ID that you can target and modify as you wish. Also each <li> element from the <ul> has its own class and ID.

Using filters like wppb_field_css_class, wppb_output_before_form_field, found in class-formbuilder.php – around line 417, you can add a custom plugin that will modify the .css class and the html of the forms.

Best regards,

Hi Teodor,

Can you please provide an example on how can we change the form markup.

For example we want to change the <li> to <div>

Regards,

• This reply was modified 8 years, 2 months ago by verper.
• This reply was modified 8 years, 2 months ago by verper.

Hi,

Can you give me more details regarding what are you trying to achieve? Why would you like to change all the <li> into <div> since, conceptually, the structure is the same and you can change the forms using .css?

Do you have issues with how the form is displayed?

Best regards,

• This reply was modified 8 years, 2 months ago by Teodor Cosofret.

Hello,

I have the same question. I need to overwrite template.I need to add some text, add some <div> tags. Is it possible?