itunes link in social menu

Author

Posts

January 17, 2017 at 9:56 pm #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)

January 24, 2017 at 9:54 pm #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.

January 27, 2017 at 1:40 pm #105353

ceskfreixas

Member

Original poster

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

January 27, 2017 at 2:20 pm #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==");
}

January 27, 2017 at 5:02 pm #105356

ceskfreixas

Member

Original poster

Wow! Thanks a lot! :)))

January 27, 2017 at 5:52 pm #105357

thelukemcdonald

Theme Author

You’re welcome!

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