Custom Social Media

[Rebecca Morency]

Hi BIl,

I followed your tips in this link to add a different social media link and it worked great. https://support.organizedthemes.com/forums/topic/custom-social-media-links/

Question: Is there a way to add padding to the bottom of this added image so it lines up with existing social media icons?

Thanks.

[Bill Robbins]

Rebecca,

Great question. We need a way to target that particular image. The easiest way to do that would be to add a “ID” to the link. Let’s use this code instead of the one from the other post:

It ads an ID of “custom-link” that we can use for styling. Once you’ve done that, you could add this to your Custom CSS box:

p.header-links a#custom-link {
	position: relative;
	top: 5px;
}

You can use the "top" value there to set the positioning. Use a negative value to move the icon higher or a larger number to move it lower.

If you run into any questions or trouble, let me know,
Bill

[Rebecca Morency]

Thanks, Bill!

Worked perfectly!

Thanks for the +/- explanation of positioning. This was a -5px.

Have a great week!

Becky

[Author]

Posts