Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 17, 2025 at 2:22 pm #1492617
    Sonno

    Hi Enfold Support Team,

    I’m getting increasingly frustrated working with Enfold because my custom CSS changes are not being applied or recognized as expected. No matter if I add them in the theme’s “Quick CSS” field or in the child theme’s style.css file, the results either don’t take effect or are randomly overridden. I’ve already cleared all caches (browser, plugin, and server-side) and even disabled caching temporarily, but the issue persists.

    This is making it extremely hard to design efficiently, as every minor change requires a lot of troubleshooting just to see if the CSS is working. I’d really appreciate some clear guidance or a reliable workflow to ensure custom CSS actually takes effect in Enfold and is not ignored or overridden.

    Thanks for your help.

    December 17, 2025 at 2:55 pm #1492618
    Sonno

    When I Apply changes in the advanced Styling editor for example h2 Tag ichcan see the change in the layout editor preview.
    I save and afterward nothing of my changes is visible.
    Itried everything, chat, css in customizer, css in quick css. Nothing happens.

    December 17, 2025 at 6:43 pm #1492631
    Rikard

    Hi,

    It’s likely that you have added invalid CSS in Quick CSS, please try running your code through this tool: https://csslint.net/. If that doesn’t help, then try checking the colour you have added in the theme options, as they might have an invalid hex code.

    Best regards,
    Rikard

    December 18, 2025 at 8:44 am #1492643
    Sonno

    The Main Problem is, that if i change i.e. h2 in Advanced Styling nothing happens.
    Ore Chanching the font for left menu i.e. in Advances Styling.
    Nothing.

    December 18, 2025 at 11:41 am #1492651
    Rikard

    Hi,

    Did you check your code like I wrote earlier?

    Best regards,
    Rikard

    December 19, 2025 at 8:55 am #1492671
    Sonno

    i started from scratch. Some things seem to work now. But still I think, that the CSS behavior and the way to classify is outdated…

    December 19, 2025 at 9:37 am #1492672
    Sonno

    So for example: Id like to change set the distance between the sliders.
    Therefore i use the Separator element.
    If I try to minimize the distance within the layout builder nothing happens.
    This happens with a lot of elements.
    I would appreciate help!
    Thank you very much!

    December 19, 2025 at 10:26 am #1492674
    Rikard

    Hi,

    Do you mean the gap between the first and second section on the front page? If so, then that is a section which automatically is being added after a slider. You can remove the padding and minimum height using this CSS:

    
.content {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
}

    Note that it will apply to all elements with that class.

    Best regards,
    Rikard

    December 19, 2025 at 11:19 am #1492676
    Sonno

    Thank you very much!

    December 19, 2025 at 1:00 pm #1492681
    Rikard

    Hi,

    Great, I’m glad that we could help. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘CSS Problems’ is closed to new replies.