Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 4, 2022 at 2:45 pm #1334209
    mhoefler

    Hello!

    I have integrated an extern calculator with a shortcode. The provider of the claculator gave me an ccs code to change the look of them.
    My question is, where do I have to paste in the code? All of them in the quick css window or better in a Enfold ccs file?

    Best Regards
    Mario

    January 4, 2022 at 3:42 pm #1334217
    mhoefler

    Hello!
    I have explored other topics and i think i have found the solution. I will use the custom.css to paste in the code from the extern provider. I hope it runs.
    And sometimes it is good to read the whole text …(part of it)

    /*
    * Instead use the —- custom.css file —– that is located in your themes /css/ folder to add your styles.
    * You can copy a style rule from any of your css files and paste it in custom.css and
    * it will override the original style. If you just want to add small css snippets you might also
    * want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
    */

    Enfold please change …
    /*
    * PLEASE DO NOT EDIT THIS FILE! …
    in
    /*
    *DO YOU LIKE TO CHANGE THE CSS CODE? PLEASE NOTE! …

    I have stopped reading when I read this.

    • This reply was modified 3 years, 10 months ago by mhoefler.
    January 4, 2022 at 6:07 pm #1334263
    mhoefler

    Hello!

    I have used the custom.css file but I can not see, that it works
    Please Note: I have paste in the shortcode in a codeblock..
    What am I doing wrong?

    Best Regards Mario

    • This reply was modified 3 years, 10 months ago by mhoefler.
    January 5, 2022 at 3:19 am #1334292
    Ismael

    Hi,

    Thank you for the inquiry.

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code. If a child theme is activated, you can add the css modifications in the style.css file. You can also create an external file or a dedicated file for the css and register it using the wp_enqueue_style function.

    // https://developer.wordpress.org/reference/functions/wp_enqueue_style/

    Best regards,
    Ismael

    January 5, 2022 at 7:22 pm #1334408
    mhoefler

    Hi Ismael,

    Thank you for your answer. The File Compression was disabled and it is not a child theme. I have paste in the rules in the custom.css but I have forgot an important step after that. Sometimes the solution is easier than you think. Oh my goodness. I have forgot to clear the cache from my browser. So I have seen the old version of the page. Now I will check the function.

    Thank you for the moment.
    Best regards,
    Mario

    January 6, 2022 at 5:58 am #1334475
    Ismael

    Hi,

    Great! Glad to know that the css modification is working. And yes, sometimes we tend to missed the little things. Please feel free to open another thread if you need help with anything else. We will close this for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change the look of an integrated extern calculator with included css code’ is closed to new replies.