Borders on Main Page

  • Is there a way for me to put every post on my front page within a horizontal and vertical border of a few pixels? Basically, like a light square encircling each post, in essence dividing them from each other more?

    Where in the CSS would I do this? And what should I look out for in order to make it work across the board, even with IE?

Viewing 3 replies - 1 through 3 (of 3 total)

  • It will depend on your theme, but the default WP themes use a div tag called “post”, so your stylesheet file should already have a definition for a class called “post”. Something like this will work:

    .post { border: 6px solid #e00000; margin: 10px; padding: 20px; }

    Look inside your theme’s style.css file for a line which starts with “.post” and add soomething like border: 6px solid #e00000; or whatever colour and width you want.

    Thread Starter badkarma9000

    (@badkarma9000)

    What if there is no post section in my CSS?

    Can I just add something?

    badkarma9000,

    you can add any number of Classes or ID’s as you want. Enter following in the CSS and define this in your Post.php or whatever template controls your Post content.

    .post { border: 6px solid #e00000; margin: 10px; padding: 20px; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Borders on Main Page’ is closed to new replies.