Dara theme social media icon modification

  • Author
  • #2944410

    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.


    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.


    That worked perfectly! Thank you.

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