Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 23, 2021 at 2:35 pm #1322031
    alard

    Hi,
    I would like to apply a background color to a specific “special heading” text
    I defined a new class name I called “slogan” in the Custom CSS class field.
    Here is the code of the page :
    ——
    <div class=”av-special-heading av-ktvc2qcl-8bb5e2368721f2cd810716e9f7b3774b av-special-heading-h1 custom-color-heading blockquote modern-quote avia-builder-el-1 avia-builder-el-no-sibling slogan av-thin-font av-inherit-size “>
    <h1 class=”av-special-heading-tag av-mini-font-size-overwrite av-mini-font-size-30″ itemprop=”headline”>
    A new dimension <br>to single cell analysis</h1>
    <div class=”special-heading-border”>
    <div class=”special-heading-inner-border”>
    </div>
    </div>
    </div>
    ——
    Then I added this code in the child theme ccs file :
    ——
    .slogan {
    background-color: rgba(0, 0, 0, 0.5);
    }
    ——
    It doesn’t work.
    It only works when added in the quick css box (theme settings).

    Could you please help me to fix the problem with the chid theme css file. It is a better solution, isn’t it?
    Many thanks,

    September 24, 2021 at 6:52 am #1322128
    Nikko

    Hi alard,

    Can you try to update the version of your child theme? (the issue is most likely browser caching)
    Let us know if it helps.

    Best regards,
    Nikko

    September 24, 2021 at 10:35 am #1322178
    alard

    Hi,
    The child theme is up to date I don’t understand how the update could fix a caching issue…

    The changes I made on the css file are not visible immediatly eventhought I clear the cache.
    It looks like that there is a significant delay for the changes to be visible.
    Do you think the root cause can be the server? The site is hosted by Gandi.

    Many thank,

    September 25, 2021 at 5:37 am #1322259
    Rikard

    Hi,

    Thanks for the update. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    September 28, 2021 at 9:36 am #1322593
    alard

    Hi,
    Sorry, bu I can’t send you an access right now.
    After many tests, I noticed that the changes in the child css file are visible after a few minutes period, while changes in quick css can be seen immediatly!
    I have the same problem with an other web site with an other hosting provider…
    It’s so mysterious for me…
    Hope you can help me anyway.

    September 29, 2021 at 6:11 am #1322715
    Rikard

    Hi,

    Thanks for the update. Could you try reaching out to your hosting provider to see if they are applying any server side caching to your site?

    Best regards,
    Rikard

    September 29, 2021 at 9:42 am #1322763
    alard

    Hi,
    I have to see with my client. I haven’t access to the hosting provider…
    I found this: https://docs.gandi.net/fr/simple_hosting/operations_courantes/cache_varnish.html
    …but the delay is longer than 120 seconds as explained…
    Best regards,
    Valérie.

    September 29, 2021 at 10:42 am #1322778
    Guenni007

    what do you mean by “child css” ? the style.css file of the child-theme ?
    besides, I think the quick css is the solution that is always the fastest to implement, so why avoid it?

    and by the way – do you realy want to give a background-color to the whole width?
    if not – this would be a maybe nicer code:

    .slogan {
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
    width: unset !important;
    padding: 10px 15px 0px;
}
    September 30, 2021 at 5:27 am #1322922
    Rikard

    Hi Valérie,

    Thanks for the update. Please try checking with your client, if they can reach out to the hosting provider and check if they are applying server side caching.

    Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

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