Dara theme social media icon modification

  • Author
    Posts
  • #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.

    #2944545

    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

    That worked perfectly! Thank you.

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