en WordPress.com Forums › CSS Customization

Dara theme social media icon modification

  • Author
    Posts
  • #2944410

    lindacassidylewis
    Member

    I would like to modify the Dara theme social media icons. The last in my row of icons directs to my Contact page, but it displays the generic link icon. Is there a way to modify the CSS to make that one display the email icon instead?

    The blog I need help with is lindacassidylewis.com.

    #2944545

    dcoleonline
    Staff

    Hi Linda,

    I see that you already have a mail icon uploaded to your site. Thanks!

    Add this CSS to make your last social menu icon use that mail image:

    #menu-social-links li:last-of-type svg {
    visibility: hidden;
}
#menu-social-links li:last-of-type a {
    background: url(https://lindacassidylewis.files.wordpress.com/2017/05/mail2.png) no-repeat;
    background-size: contain;
}

    Let me know if you run into any issues.

    #2944546

    lindacassidylewis
    Member

    That worked perfectly! Thank you.

  • Author
    Posts

The topic ‘Dara theme social media icon modification’ is closed to new replies.