1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How do I change CSS, and make it work?

Discussion in 'Free Divi Community Forum' started by Simona6, Jan 26, 2024.

  1. Simona6

    Simona6 New Member

    We have a problem where we are setting the colour of the "View Basket" link that shows up, from a pale colour to Black.

    We did this in the General Custom CSS tab in Divi, which mirrors the Additional CSS in Customize.
    However, it totally ignores it.
    I know it to be correct.

    And even after adding, saving, clearing Litespeed cache (and the Advanced Cache in Divi), it still damn well ignores it. You go to the page and inspect, and the new code isnt' even there.

    Why might that be? Happy to share link to show.
     
    #1 Simona6, Jan 26, 2024
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Did you add !important for the CSS value? If still didn't work, try to add #page-container in front of your CSS Class.

    If still didn't work, you may share your URL here.
     
    #2 Divi.Help, Jan 30, 2024
  3. Simona6

    Simona6 New Member

    Yes. We added this:

    .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button
    {
    color: #000000!important;
    }

    .woocommerce.et_pb_button_helper_class a.button:hover, .woocommerce.et_pb_button_helper_class.et-db #et-boc .et-l a.button:hover, .woocommerce-page.et_pb_button_helper_class a.button:hover, .woocommerce-page.et_pb_button_helper_class.et-db #et-boc .et-l a.button:hover
    {
    color: #000000!important;
    }


    .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward
    {
    opacity: 1!important;
    }

    The website is https://annahaymandesigns.com.
    If you go to it, any product, select options and Add to Cart. The View Basket appears in a light green box, but the link text is very pale.
    And that CSS I added doesnt' appear anywhere, Even tho it is in DIVI custom CSS.
     
    #3 Simona6, Jan 30, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Loaded fine on my side. See screenshot below:
    **Perhaps you need to clear your browser cache.

    upload_2024-1-30_22-55-39.png
     
    #4 Divi.Help, Jan 30, 2024
  5. Simona6

    Simona6 New Member

    #5 Simona6, Jan 30, 2024
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try to view your site in incognito mode.
     
    #6 Divi.Help, Jan 30, 2024
  7. Simona6

    Simona6 New Member

    That video is in Incog mode.
     
    #7 Simona6, Jan 30, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  8. Simona6

    Simona6 New Member

    I See this in Safari.
     

    Attached Files:

    #8 Simona6, Jan 30, 2024
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below instead:
    Code:
    Log In or Sign Up to view this code.
     
    #9 Divi.Help, Jan 30, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  10. Simona6

    Simona6 New Member

    #10 Simona6, Jan 30, 2024
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    Your site still have the same CSS. And looks fine on my side.

    Have you clear Divi Static CSS File Cache: WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Clear
     
    #11 Divi.Help, Jan 30, 2024
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  12. Simona6

    Simona6 New Member

    Same blasted problem tho.
    What is it with Divi and Caching? We use Litespeed cache, we need NO other caching. Divi's caching is always causing problems like this.
     
    #12 Simona6, Jan 30, 2024
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may choose to disable that, as what I see from your site is that you're using Divi Static CSS file cache.

    Or you may try to place the CSS in your Child Theme style.css by going to WP Admin > Appearance > Theme File Editor
     
    #13 Divi.Help, Jan 30, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  14. Simona6

    Simona6 New Member

    Ooo I think that did it. I've disabled the CSS thing you told me about.
    And she is happy. Thanks a lot. Divi's caching is a bit of a sod at times.
     
    #14 Simona6, Jan 30, 2024
(You must log in or sign up to post here.)