css issue with button style

  • Resolved itzikhanan

    (@itzikhanan)


    6 years, 1 month ago

    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

    (@aurovrata)

    6 years, 1 month ago

    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.

    Thread Starter itzikhanan

    (@itzikhanan)

    6 years, 1 month ago

    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, 1 month ago by itzikhanan.
    Plugin Author Aurovrata Venet

    (@aurovrata)

    6 years, 1 month ago

    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.

    Thread Starter itzikhanan

    (@itzikhanan)

    6 years, 1 month ago

    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!

    Plugin Author Aurovrata Venet

    (@aurovrata)

    6 years, 1 month ago

    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

    (@itzikhanan)

    6 years, 1 month ago

    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

    (@aurovrata)

    6 years, 1 month ago

    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.

Tags