Title: css issue with button style Last modified: March 16, 2018 --- # css issue with button style * Resolved [itzikhanan](https://wordpress.org/support/users/itzikhanan/) * (@itzikhanan) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/) * First of all, thanks for this great plugin! * The issue: the button style (color, font etc.) cannot be changed. * I’ve created a css folder under my Avada theme. created a css file with my form name: myform-form-cf7key.css and placed the following: * .cf7sg-button { margin-bottom: 0px; margin-top: 0px; width: 100%; height: 40px; font-family:Roboto, sans-serif; font-size: 30px; color:#4cbf9d; background: # 007dc1; } What am I missing here? * Thanks! Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/) * (@aurovrata) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10081294) * > 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](https://ps.w.org/cf7-grid-layout/assets/screenshot-1.png)). 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 8 years, 2 months ago by [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/). * Thread Starter [itzikhanan](https://wordpress.org/support/users/itzikhanan/) * (@itzikhanan) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10081391) * 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](https://paste.pics/770bccdc359d84ab2cd24b334930cba4) 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 8 years, 2 months ago by [itzikhanan](https://wordpress.org/support/users/itzikhanan/). * Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/) * (@aurovrata) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10081541) * The css folder has to be a sub-folder in the root of your theme folder… * `Avada/css/.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. * Thread Starter [itzikhanan](https://wordpress.org/support/users/itzikhanan/) * (@itzikhanan) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10081690) * Hi, Avada is my theme as a parent theme [avada folder](https://i.paste.pics/cbd977b8de3d9daf8e6737d9e54ceb35.png) under Avada root there is no css folder [Avada subfolders](https://i.paste.pics/94c5d72556270abf75c3e9416c392b69.png) * i’ve placed the css subfolder under Avada–> Assets–>css [css subfolder ](https://i.paste.pics/8aa50d25403aefd5b7b4bcb7b7cc8223.png) * thanks for your support! * Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/) * (@aurovrata) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10082344) * > 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 * Thread Starter [itzikhanan](https://wordpress.org/support/users/itzikhanan/) * (@itzikhanan) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10083328) * 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 * Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/) * (@aurovrata) * [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10087919) * > 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. Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘css issue with button style’ is closed to new replies. * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229) * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/) * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq) * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/) * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/) * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 7 replies * 2 participants * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/) * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/css-issue-with-button-style/#post-10087919) * Status: resolved