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

Change font color in footer that has a rollover cover

Discussion in 'Free Divi Community Forum' started by Sharon Shero, Oct 27, 2021.

  1. Sharon Shero

    Sharon Shero New Member

    I have a footer where all the text color reads correctly (#ffffff) EXCEPT when it is text that is is a link. The rollover color is correct, but the unvisited text is dark grey. I'd like this to also be #ffffff. It seems that since Gutenberg has become more prevalent this happened...but maybe it's my imagination.

    The site is https://hdsclothing.com.

    Any assist is appreciated!
     

    Attached Files:

    #1 Sharon Shero, Oct 27, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  2. Aman Uddin

    Aman Uddin Divi Expert

    Use custom css:
    #footer-info a {
    color: #ffffff;
    }
    #footer-info a:hover {
    color: #ffffff;
    }
     
    #2 Aman Uddin, Oct 27, 2021
  3. Sharon Shero

    Sharon Shero New Member

    Thank you Aman, I placed the CSS in Divi Theme Options, but neither made a change to the text color. :(
     
    #3 Sharon Shero, Oct 28, 2021
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Aman Uddin

    Aman Uddin Divi Expert

    don't be upset. Remove previous CSS codes and add these:
    .et_pb_widget a {
    color: #ffffff !important;
    }
    I hope it will work
     
    #4 Aman Uddin, Oct 28, 2021
  5. Sharon Shero

    Sharon Shero New Member

    VOILA! This worked beautifully. A thousand thanks, Aman!
     
    #5 Sharon Shero, Oct 28, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  6. Aman Uddin

    Aman Uddin Divi Expert

    It's my pleasure. There is a big space in the footer section. You should customize it and check responsive also.
     
    #6 Aman Uddin, Oct 28, 2021
  7. Sharon Shero

    Sharon Shero New Member

    Thank you! That height is being forced by the Constant Contact form legalese (third column). I changed from 4 columns to 3 but the text does not expand. I don't think Constant Contact will remove the language. Any ideas? Not a fan of the CC platform, but my client is married to it.
     
    #7 Sharon Shero, Oct 28, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    If you want to remove the text, you may try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, Oct 31, 2021
(You must log in or sign up to post here.)