Social Media icons invisible in Harmonic header after I made it white

  • Unknown's avatar
    laicommachloe · Member ·

    I’m working on my site (chloelai.ca) and the WP support staff helped me put in the CSS to make the Harmonic theme header and footer white. In doing so, however, the social media icons to the right of the site title (top left, where it says CHLOË LAI) invisible.

    They still appear in pink when the cursor hovers over them, but are otherwise invisible.

    How can I make these icons colour in?

    Specificity and simplicity are key- I’m very new to this! Thank you for your help :)

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    charliescheer · Member ·

    I think I can help.

    First you need to get to the CSS customization window.
    – Click on My Site
    – Find the “Customize” button next to the Themes tab on the left and click on it
    – Once the Customize page opens, look for and click on the CSS tab

    Once there you need to change the default color of those icons.
    – Below the existing text type in the following:
    .social-links ul li a:before {
    color: #6b6b6b;
    }

    That color number is the same as the text on the right hand side of your header, but you can change it to what ever you want.

    I think that should fix the issue.

  • Unknown's avatar
    thesacredpath · Member ·

    I also answered in the other thread you started on this issue: https://en.forums.wordpress.com/topic/social-media-icons-invisible-in-harmonic-header-after-i-made-it-white?replies=2#post-2555089

  • The topic ‘Social Media icons invisible in Harmonic header after I made it white’ is closed to new replies.