itunes link in social menu

  • Author
    Posts
  • #105109
    ceskfreixas
    Member

    It’s possible add a iTunes link in the social menu, like Obsidian Theme?

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

    #105343
    thelukemcdonald
    Theme Author

    Unfortunately, Promenade uses the Genericons icon font and not the Themicons font used in Obsidian. So, adding an icon for iTunes isn’t available by default. You could try creating your own icon, uploading it to your media library, and then use CSS to display the icon. This would require a decent amount of work but it is possible.

    #105353
    ceskfreixas
    Member
    Original poster

    Could you tell me how to do it using CSS? I’m very interested!

    #105354
    thelukemcdonald
    Theme Author

    This should help get you started:

    /* Embed an icon image for iTunes. */
    .menu-social-container a[href*="apple.com"]:before {
    	background-position: 50% 50%;
    	background-repeat: no-repeat;
    	background-size: 20px 20px;
    	content: "";
    	height: 1.77778em;
    	width: 1.77778em;
    }
    
    /* Make the icon lighter on hover to match existing icons. */
    .menu-social-container a[href*="apple.com"]:hover:before {
    	opacity: .33;
    }
    
    /* Embed an icon image for iTunes. */
    .menu-social-container a[href*="apple.com"]:before {
    	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU2LjY5MyA1Ni42OTMiIGhlaWdodD0iNTYuNjkzcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1Ni42OTMgNTYuNjkzIiB3aWR0aD0iNTYuNjkzcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik00MS43NzcsMzAuNTE3Yy0wLjA2Mi02LjIzMiw1LjA4Mi05LjIyMSw1LjMxMi05LjM3MmMtMi44OTEtNC4yMjctNy4zOTUtNC44MDctOC45OTgtNC44NzMgICBjLTMuODMtMC4zODktNy40NzcsMi4yNTYtOS40MiwyLjI1NmMtMS45MzksMC00Ljk0MS0yLjE5OS04LjExNy0yLjE0M2MtNC4xNzgsMC4wNjItOC4wMjksMi40My0xMC4xNzksNi4xNyAgIGMtNC4zMzksNy41MjctMS4xMSwxOC42ODIsMy4xMTgsMjQuNzkxYzIuMDY3LDIuOTg2LDQuNTMyLDYuMzQ2LDcuNzY2LDYuMjIzYzMuMTE3LTAuMTIzLDQuMjkzLTIuMDE2LDguMDYxLTIuMDE2ICAgczQuODI2LDIuMDE2LDguMTIzLDEuOTUzYzMuMzUyLTAuMDYxLDUuNDc3LTMuMDQzLDcuNTI3LTYuMDQxYzIuMzczLTMuNDY5LDMuMzUtNi44MjgsMy40MDgtNi45OTggICBDNDguMzA1LDQwLjQzMyw0MS44NDQsMzcuOTU4LDQxLjc3NywzMC41MTd6Ii8+PHBhdGggZD0iTTM1LjU4MiwxMi4yMjljMS43MTUtMi4wODIsMi44NzctNC45NzUsMi41NjEtNy44NTVjLTIuNDc1LDAuMS01LjQ3MSwxLjY0NS03LjI0OCwzLjcyNSAgIGMtMS41OTIsMS44NDYtMi45ODQsNC43ODUtMi42MTEsNy42MTNDMzEuMDQ1LDE1LjkyNiwzMy44NjEsMTQuMzA3LDM1LjU4MiwxMi4yMjl6Ii8+PC9nPjwvc3ZnPg==");
    }

    #105356
    ceskfreixas
    Member
    Original poster

    Wow! Thanks a lot! :)))

    #105357
    thelukemcdonald
    Theme Author

    You’re welcome!

  • The topic ‘itunes link in social menu’ is closed to new replies.