Group Admins

WordPress Troubleshooting and Support

Public Group active 1 year, 1 month ago ago

WordPress support from our community

Aligning images in a post using a table – Deleting the border

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1462
    Sheryl Blasnik
    Participant

    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

    #2502
    Steve
    Keymaster

    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.

    #2503
    Sheryl Blasnik
    Participant

    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!!!!!

    #2504
    Steve
    Keymaster

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.