Contact Form 7

Philou31 · December 2016

Hi guys,

I use the plugin Contact Form 7 which is included with the BeTheme.

But I need your help, because all the form are completely different from the other part of my website. To be more specific, for example the button "submit" used in Contact Form 7 doesn't look like the other buttons of my website (not the same color, the same font etc...) This is the same for all the fieldIi used in Contact Form 7.

I am a newbie, but I know that it is due to the CSS of my site and that it is probably easy to fix it....for you.

Could you help me to harmonize my site. I just need to understand where to check in order to have everything ok

I can provide you the url of my website if needed or whatever else.

Thanks in advance for your prompt answer.

Phil

Albert · December 2016

Hi Phil,

please send us link to page where CF7 buttons are different from theme buttons first so we can have a look and check what might be the reason.

Thanks!

Philou31 · December 2016

Hi,

Thanks for your reactivity...I appreciate!

Here is the link:

http://www.monsiteunique.ch/contact/

Here is a link where you will find the kind of button I use:

http://www.monsiteunique.ch

I would like as well to have all the fields created with CF7 harmonized with my website (same font, color font etc...)

Thanks in advance,

Phil

Albert · December 2016

The buttons you have on http://www.monsiteunique.ch are Visual Composer buttons and not BeTheme. But to change button color, you need to change Theme color under Theme options > Colors > Content section. But to make it similar size, you need to use the following css:

.wpcf7-submit {
    font-size: 12px;
    text-transform: uppercase;
}

Philou31 · December 2016

thanks a lot!

I gonna try that.

Albert · December 2016

You are welcome!

Philou31 · December 2016

Hello again,

Can you help me to hamornize my CF7 form I have created with the css of my betheme?

I would like to have the same H1, H2, H3 etc...style for my CF form ....and also have the same hover I have created for each button of the website.

I really don’t know what to add in the custom CSS.

Thank in advance for your help.

Albert · December 2016

All CF7 colors you can change under Theme options > Colors > Forms section.

Philou31 · December 2016

and concerning the hover effect? Could you tell me what I have to do and where? .....if possible for you of course....it will help me a lot....

Thanks in advance and happy new year!

PS: could you tell me where I can rate your customer service, because I find it very professional and fast. Thanks

Albert · December 2016

As far as we know, focus colors can be changed under Theme options > Colors > Forms section so could you explain which color you are not able to change exactly from this section? We don't want you to use custom css needlessly if options are included into Muffin Options panel.

Anyway, if you would like to rate our customer service, you can do this under Themeforest's dashboard in Downloads section where from you downloaded this theme after purchase.

Contact Form 7

Comments