Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #957457

    I’m wrestling with the behaviour of Enfold, which I’m trying for a new website. After changing a color scheme, saving and visiting the results, an old color scheme (which I experemntally tried) shows. Not the color scheme I have set it to. It is the same colorscheme that returns dominantly after saving certain settings.
    It frustrates my workflow because each time I must tweak trial and error for the right color scheme to show. For instance it works when I add quick CSS like

    /* Custom width header */
    #top #header .container {
    width: 800px;
    max-width: 100%;

    No custom header appears (unfortunately because I also want to customize it!) but suddenly the right colors do appear properly. When I remove the quick CSS, the fix still works…

    Any suggestions?

    • This topic was modified 2 years, 4 months ago by  draadeind.

    Hey draadeind,
    I logged into your site, and I believe the color scheme matched your settings, by looking at your footer color and socket.
    I saw no css in your Quick CSS, so I assume you removed it again.
    I see you have a caching plugin, and assume you have been clearing it.
    Please try to disable your caching plugin while you are developing, caching is great when the site is done, but it can be a nuance when developing. Also disable CSS & JS file merging and compression in Enfold at Enfold Theme Options > Performance > JS & CSS file merging and compression, for the same reason, as is stated above the options.
    Then clear your browser cache.
    If this doesn’t help, please describe a element color, or include a screenshot, of the old color scheme so we can be sure we are seeing the error and test.

    Best regards,


    Mike, that absolutely solved the problem. I just turned of all the plugins (except Yoast) and what a relief! A good thing to remember, to start installing plugins AFTER building the site!

    Even the quick CSS worked now, but only narrowing the menu WITHIN the header, not the header itself. If any suggestions are available for that issue I’d be very happy. Or is there a page anywhere that treats all the possible header tweaks, because I’m willing to find out for myself.

    Thanks and kind regards, Jan


    Glad to hear! I’m not exactly sure what you mean about “narrowing the menu, but not the header” but I think you mean to make the menu text smaller:

    nav.main_menu span.avia-menu-text {
    font-size: 12px !important;

    If this doesn’t help, please explain with screenshots. works good for screenshots

    Best regards,


    Actually Mike, visiting the site and scrolling down, you’ll see what I mean. As you see, the header is stretched first, then scrolling down it becomes 74%. I try to achieve this for both header itself and the part with the menu in it and with rounded corners (10px). I tried the foloowing:

    .av-main-nav > li > a {
    text-transform: uppercase;

    #top #header {
    width: 74%;
    left: 13%;
    border-radius: 10px;
    but with unsatisfactory result. I was inspired by the theme in the private section (not sure it is allowed to mention here).

    If I’m asking too much, I fully understand.

    Kind regards, Jan


    Sorry, that is going to be a bigger job than it looks. I would like to help, but it’s really outside our scope for the forum. If you really would like this, you could find a freelancer here for a fair price.

    Best regards,

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

You must be logged in to reply to this topic.