Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2026 at 4:46 pm #1495493
    nnn666nnn

    Hi,
    I’m creating a new product page for one of my clients.
    Here’s the page : https://www.dissolvurol.com/algicuivre-test
    I have an accodeon where each section should turn to orange on over.
    The problem is that it works perfecty on my computer on Firefox, but it doesnt work on Edge….And it doesnt even work on firefox on other computers…
    here’s how it should be when you over on each section, but it appears grey on other browsers and computers : https://ibb.co/zhbRVpbW
    Can you please tell me what’s going wrong and how to fix it ?

    In advance, a big thanks for you help.

    • This topic was modified 3 weeks, 1 day ago by nnn666nnn.
    February 25, 2026 at 8:36 pm #1495500
    nnn666nnn

    I just realized that there’s a second problem : the top banner with “la gamme” should be on a kaki background like this : https://ibb.co/DDHwJLwz
    But again, it works correctly on firefox on my computer, but as soon as I try on edge I only have a black title on a white background.
    THe exacdt same thing happens if I try on a different computer or on a phone.
    Something semms to be broken somewhere…
    Can you help please ?
    Note : I work on many websites with Enfold and I’ve never had that kind of troubles…

    In advance, thank you for your help.

    February 25, 2026 at 10:14 pm #1495502
    Mike

    Hi,
    Your screenshots are not working but I understand. Your issue seems to be related to a cache, when I check your page with Firefox & Edge the accodeon toggles are gray because the mouseover color is set by the main-color-bg set in the theme options #e1e1e1:

    .main_color .toggler:hover {
background: var(--enfold-main-color-bg2);
}

    If you what them to be orange then try changing that color in the theme settings, but note that this color setting changes many elements in the theme. If you don’t want everything to change then try this css:

    #top .main_color .toggler:hover {
	background: #db5200;
}

    As for your second question, I can’t see the screenshot but I see that the top color section has a background color of white. Try changing the color in the color section, or try this css:

    .page-id-9206 #av_section_1.main_color {
	background-color: #d5c58a;
}

    After these changes clear all of your caches.

    Best regards,
    Mike

    March 10, 2026 at 9:49 pm #1495928
    nnn666nnn

    Hi Mike,

    Thank you for you help and sorry for the delay in my answer.
    the problem is that all the colors have been choosen not in the global theme but in each design section for each element.
    For exemple, I have setup the background of the banner to ” Kaki” in it’s dedicated design section. (it’s a “color section” with ” special heading” in it)
    Exactly the same for anything else.
    Again, I’m usin Enfold for many other websites that I’m managing and I’ve never had this kind of troubles.
    The funny thing is that, if you have a look at the main page, the banner “ACTUALITE” is exactly done like the banner that is causing problem, but the banner ” Actualité has its background showing corrrectly !
    It appears only on THIS particular website.
    This is why I’m wondering if Enfold could be broken somewhere or anything like That.
    All the lp would be much appreciated and if you need an access to the backoffice, just tell me.

    In advance, thank you.
    Best regards.

    • This reply was modified 1 week, 2 days ago by nnn666nnn.
    • This reply was modified 1 week, 2 days ago by nnn666nnn.
    March 11, 2026 at 6:05 am #1495935
    Ismael

    Hey nnn666nnn,

    Thank you for the update

    This is probably caused by a caching issue (browser cache, server-side cache or a caching plugin), or by file compression/merging causing styles to be loaded in an unexpected order.

    A few things you could try:

    1. Go to Enfold > Performance and temporarily disable the “File Compression” settings. Save and then clear all caches.
    2. Clear your browser cache and test on an incognito window in Edge and Firefox on a different device.
    3. If you have a caching plugin (like WP Super Cache, W3 Total Cache, LiteSpeed Cache, etc.), clear the cache from there as well.

    If the issue persists after those steps, please share the admin login details in the private field of this thread so we can take a closer look at the page setup directly. If you haven’t tried the above snippets yet, please do — they may help as a quick fix while we investigate the root cause.

    Let us know the result.

    Best regards,
    Ismael

    March 19, 2026 at 12:17 pm #1496164
    nnn666nnn

    Hi,
    Sorry for the delay in my answer, I’ve been extremely busy with work.
    It’s even worse than I thought : I did a reset to default settings on Enfold, tried again : each time I do a modification on the page I was working on, the banner and setting appear correctly on the browser I’m working on but everything is mashed up if I change browser…
    I’ve put the website off and ” under construction”.
    If you guys can help me, I’m adding the access infos in private.

    In advance, thanks a lot.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.