css issue with button style

First of all, thanks for this great plugin!

thnak you, please do leave a review when you have time

I’ve created a css folder under my Avada theme.
created a css file with my form name: myform-form-cf7key.css

please make sure you use for form unique key for the file name, look at your dashboard form table (screenshot #1). So if you unique key is ‘contact-us’ then your css file needs to be name contact-us.css and placed in a sub-folder called css/ in your theme folder.

• This reply was modified 6 years, 8 months ago by Aurovrata Venet.

Hi,
thank you for the prompt reply!
i will sure make a review.
I’ve changed the file name to the right one with the unique form name
you can see here:
css folder
but this didn’t changed much
maybe i’m not using the right place for the css sub-folder or maybe the .cf7sg-button {} within the file is not the right element to call?

thanks!

• This reply was modified 6 years, 8 months ago by itzikhanan.

The css folder has to be a sub-folder in the root of your theme folder…

Avada/css/<form-key>.css

Is Avada your theme folder? Or is it a parent theme, and you have a child theme configured? If you have a child them, then the css folder needs to go into the root folder that theme.

Hi,
Avada is my theme as a parent theme
avada folder
under Avada root there is no css folder
Avada subfolders

i’ve placed the css subfolder under Avada–> Assets–>css
css subfolder

thanks for your support!

under Avada root there is no css folder

you need to create folder call css at under the folder Avada and put your css file there

Hi,
thanks so much for your support, much appreciated!
placing css folder under Avada theme root, didn’t solved this issue.
I’ve tried several things and eventually it works..

under Avada –> theme option –> Custom CSS –>

#cf7sg-container .cf7-smart-grid input[type=”submit”]
{
color:fff;
background:#4cbf9d;
font-size: 20px;
font-family:Roboto, sans-serif;
border-radius: 2px;
height: 40px;
cursor: pointer;
width: 87%;
}
Thanks

placing css folder under Avada theme root, didn’t solved this issue.

that’s strange. Could you check if your css file is loaded on the page?

I’ve tried several things and eventually it works..

well that’s the most important. Thank you for the positive review.