Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1109243

    Enfold has several ways to customize CSS. Such a versatile theme, but it is all getting confusing.

    — General Styling > Quick CSS
    — Theme Editor > style.css
    — Customize > Additional CSS
    — CSS Hero, if installed

    Is there one CSS to rule them all? Which is parsed first? Which outranks the other?

    Can someone please list/rank these in priority.

    #1109376

    Hey Nicole,

    The first two options are from the theme, there two last ones are not. If you are using file compression under Enfold->Performance then all your CSS should be included in the same file, so it shouldn’t make any difference where you put it. It’s up to you really.

    Best regards,
    Rikard

    #1109606

    Indicating which are “from the theme” and which are “not from the theme” doesn’t help indicate hierarchy. I’ve read several places to keep “Enfold Theme Options > Performance > JS & CSS file merging and compression” turned off while developing the site.

    Then, another Moderator, Mike, wrote this

    “If you are using a child theme, typically when css is added to the child theme style.css and the css merging is on in the Enfold Theme Options > Performance > JS & CSS file merging and compression the merged file needs to be re-built by saving the theme options again. Sometimes the big blue button “save all changes” is not available to click, so try adding a blank space to the Quick CSS to active the button.”

    Here https://kriesi.at/support/topic/column-colors-dont-change/

    Now, totally confused and would imagine others are too who use the theme. Would appreciate a ranking of these as to employ best-practices on Enfold, or any other approaches.

    — General Styling > Quick CSS
    — Theme Editor > style.css
    — Customize > Additional CSS
    — CSS Hero, if installed

    #1110000

    Hi stanbrid,

    The css rules application comes down to the specificity of the selector and so if the plugins selector will be more specific it will apply.

    You just need to pick one place where you’ll put all your css. It can be Quick css or styles.css in the child theme. As mentioned above, the merging should be turned on when all the changes are made.

    Best regards,
    Victoria

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.