1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 DIVI Header Style #11 social media icons?

Discussion in 'Basic Support Forum' started by laurenbach, Feb 18, 2021.

  1. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    Hi DIVI Header support-
    Is there a way to make the social media icons in the bottom left corner in the menu to white vs. the standard colors? Here is a link to the website - https://xko.884.myftpupload.com/.

    Please advise.

    Lauren B.
     
    #1 laurenbach, Feb 18, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You just need to go to the Social Media module settings > Facebook settings > Background & set the color to be transparent.
     
    #2 Divi.Help Pro Support, Feb 18, 2021
  3. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    Ok completely annoyed by this. I went in and removed the background and it made just the IN for Linked in in White which is not what I wanted so I went back in and added the background blue and now the blue background extends most of the width of the menu system. Can I just set the social media icon so the blue background is just a small box behind the IN text? Originally I was trying to make it an all white social media icon but that was not working so how do I make the blue background on the Linked in to be say only 15 oe 20 pixels wide? Nothing is working. Lower right corner of menu system - https://xko.884.myftpupload.com/
     
    #3 laurenbach, Feb 22, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you're not looking for icon white with transparent background, then are you looking for icon black with white background?

    If that's the case, you may change the icon color to black with the below custom CSS in WP Admin > Divi > Theme Opions > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    And you may go to the settings to change the individual social icon background color to white.

    ======

    As for your issue of blue background covering the whole row, you need to remove the background color for the Social Module Settings. And you just need to set the background color of the Social Module Settings > Linkedin / Facebook > Background.
     
    #4 Divi.Help Pro Support, Feb 22, 2021
  5. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    Thanks that worked.
     
    #5 laurenbach, Feb 23, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)