• Resolved ngrechg

    (@ngrechg)


    Hello
    I’m trying to apply some CSS (font-family, font-size and color) to the form and it’s not working.
    I’ve tried all methods included in the FAQ section. I tried to put in both the plugin css sheet and the theme’s one and didn’t work.
    This is the style I’m using in this case:
    #fbuilder, #fbuilder label, #fbuilder span {
    font-family:’ubuntu’;
    font-size: 18px;
    color: #4d5760;
    }
    Then I tried to use the “Add Css Layout Keywords” and add the style to the theme css sheet, but it didn’t work either. This is the one I used in this case:
    .specialclass label {
    font-family:’ubuntu’;
    font-size: 18px;
    color: #4d5760;
    }
    I’m using a Genesis child theme
    Please advice
    Thanks a lot

    https://wordpress.org/plugins/calculated-fields-form/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    Please, use the modifier: “!important”, in your CSS rules:

    #fbuilder, #fbuilder label, #fbuilder span {
    font-family:'ubuntu' !important;
    font-size: 18px !important;
    color: #4d5760 !important;
    }
    .specialclass label {
    font-family:'ubuntu' !important;
    font-size: 18px !important;
    color: #4d5760 !important;
    }

    and please, remember to clear the browser’s cache after edit the online files.

    Thank you very much for using our plugin.

    Thread Starter ngrechg

    (@ngrechg)

    thanks for your quick answer, but it’s not working either 🙁
    Any clue on what might have been happening?
    Thanks

    Plugin Author codepeople

    (@codepeople)

    Hi,

    Could you send me the link to your webpage to check the styles defined, please?

    Best regards.

    Thread Starter ngrechg

    (@ngrechg)

    Hello
    this is the url where I’ve embedded the form
    http://www.pruebas.terrazingmadrid.com/calcula-rentabilidad-terraza/
    Thanks!

    Plugin Author codepeople

    (@codepeople)

    Hi,

    Please, be sure to paste the styles’ definitions at the end of file’s content:

    http://www.pruebas.terrazingmadrid.com/wp-content/plugins/calculated-fields-form/css/stylepublic.css

    And please, clears the browser’s cache after edit the online file.

    I’ve checked the styles loaded by your webpage, and the styles’ definitions you sent me in the previous ticket are not loaded by the webpage, maybe because have been inserted in a CSS file that is not used by the webpage.

    Best regards.

    Thread Starter ngrechg

    (@ngrechg)

    Hi
    sorry, but it’s still not working.
    I first inserted the styles in the theme style sheet which it’s used by the webpage.
    Then, I followed your advice and put it into the calculated-fields-form/css/stylepublic.css and it’s not working either.
    I’ve cleared the cache in all the trials.
    Any additional clue?
    Thanks

    Plugin Author codepeople

    (@codepeople)

    Hi,

    Please, remove the line of code you have inserted in the file:

    //* Estilos simulador

    Because the previous line of code converts in a comment, all CSS rules below it.

    Best regards.

    Thread Starter ngrechg

    (@ngrechg)

    Ok! now it’s working 🙂
    I’ve also tried to inlude it in the theme style sheet to avoid overwriting when the plugin is updated and it worked as well.
    Thanks a lot for your help and patient
    Best regards

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS Styles not working’ is closed to new replies.