adding social media icons to the header

Could you post your website′s url?

https://styleredone.com/

The code I am using that puts the icons floating somewhere above the page headings is as follows (note I have replaced the links with text):

<TABLE BORDER="0">
<TR>
<TD>
<a HREF="mailto:emailaddress"><IMG SRC="mail_icon" HEIGHT="40" WIDTH="40" ></a>
</TD>

<TD>
<a HREF="facebook_link"><IMG SRC="facebook_icon" HEIGHT="40" WIDTH="40"></a>
</TD>
<TD>
<a><IMG SRC="twitter_icon" HEIGHT="40" WIDTH="40"></a>
</TD>
<TD>
<a><IMG SRC="pinterest_icon" HEIGHT="40" WIDTH="40"></a>
</TD>
<TD>
<a><IMG SRC="instagram_icon" HEIGHT="40" WIDTH="40"></a>
</TD>

</TR>
</TABLE>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Why are you using a table – that’s outdated and not good coding. Take out the table code and use CSS…

btw – there are actual links in there, when I posted the comment they went away. Weird!

Try this – do not use capital letter in HTML either –

<div id="socialicons">
put each image link in here - fix the capital letters
</div>

Then add this to custom CSS:

#socialicons img {
  float: left;
}

That would be because I am not a coder and completely brand new to wordpress. Would I just copy what I have in the table in the first code you provided?

No, here’s what you should try:

<div id="socialicons">

<a href="mailto:emailaddress"><img src="THIS HAS TO BE A FILE PATH THAT WORKS" alt="email icon" /></a>

do the rest of those like the above one.

</div>

Did you upload the icons? You need to do that and then copy the URL for each icon into the “THIS HAS TO BE A FILE PATH THAT WORKS” space.

It worked! Thank you so much for you help. I aligned it right instead of left. Is there a way to align it at the bottom too?

Awesome job! Try adding this to your custom CSS:

.site-header .widget-area.six.columns {
    margin-top: 50px;
}

You can adjust that 50 to what you want.

Thank you so much! I really appreciate your kind help. You just saved me a ton of time. ??

Hey, smt6810,

What did you do to create the categories beneath the slider on your website

https://styleredone.com/

?

Thanks,

Spybraek

In particular I am curious about the MORE ARTICLES part of it.

@spybraek – please start your own thread – this one is about a different question and it’s already marked resolved. You can start a new one here:

https://www.ads-software.com/support/theme/leaf#postform

I know where to put the custom CSS code, but where did you insert the other code? In a style sheet? In a widget?