[Sheryl Blasnik]

I am trying to place 4 social media icons next to each other in a post. I am using the table tags to do this so that the images align horizontally in a row… My problem is I cannot figure out how to remove the border on the table.

Here is my code I used:

Here is the post it is used in now:

http://fashiondevelopmentgroup.com/2012/05/04/ralph-lauren-and-rugby-may-private-sale

All is fine if I can get rid of the border around the icons —-

PS — The icons are now 48px — If I wanted them to be smaller do I just change the height & width?

Thanks

Sheryl B

[Steve]

On line 87 of your STYLE.CSS file, change this:

.entry td {
border: 1px solid #CCCCCC;
padding: 6px;
}

to this:

.entry td {
border: none;
padding: 6px;
}


This will change every instance of tables in your theme. If you just want to target these icons, you should wrap them in a class so you can target them.

[Sheryl Blasnik]

Steve — Can you just give me the code for inserting the icons on a post by post basis so I do not have to touch my theme files?? Is that possible? That is what I did now — Not sure how to paste code in my reply as I see my code changed to icons when I pasted it above

---

Thanks!!!!!

[Steve]

You probably have to touch your theme if you want to insert a div around the social icons and update the css.

[Author]

Posts