ThemeShaper Forums » Thematic

Add border around post

(7 posts)
  • Started 4 years ago by eugenepark81
  • Latest reply from awarner20
  • This topic is resolved

Tags:

  1. eugenepark81
    Member

    Hi,

    I'm trying to add a border around entire posts. I figure the best way to do this is to create a new div around the different post elements, but can't figure out where to place the opening and closing div tags.

    Anybody know?

    Thanks,

    Eugene

    Posted 4 years ago #
  2. amygail
    Member

    No need to add new divs - just add the border to the existing divs.
    You just have to decide where you want the border - here's a diagram

    http://bluemandala.com/thematic/thematic-structure.html

    Figure out where you want the border and add it like so

    #content {
    border: 1px solid #A22A2A;

    }

    Posted 4 years ago #
  3. eugenepark81
    Member

    Thanks, Amygail. That diagram is VERY useful.

    I want the border to go around the entire post and that means I would have to create a rule for each post #, e.g.

    #post-1 {
    border: 1px solid #A22A2a;
    }
    #post-2 {
    border: 1px solid #A22A2a;
    }
    #post-3 {
    border: 1px solid #A22A2a;
    }
    ...
    ...
    etc...

    Eventually, my site will have 100's of posts and I'll have to keep creating a new style for each post?

    That's why I thought I might be able to add a div that's created around each post# so that I can style only that div.

    Does that make sense?

    Eugene

    Posted 4 years ago #
  4. Hey Eugene,

    You do not have to style each post independently. The first thing you should do is make sure you're using Firefox and then get the Firebug Addon. This is a really useful tool, and in your case, it will allow you to see what DIV ids and classes are styling things.

    In your case, you might look for this in your stylesheet:
    .hentry {
    padding:0 0 22px;
    }

    and add your border to it:)

    Here's a video on editing CSS with Firebug
    http://www.youtube.com/watch?v=FsX6qwQqGgQ
    Hope that helps...

    Posted 4 years ago #
  5. eugenepark81
    Member

    Thanks!

    Posted 4 years ago #
  6. eugenepark81
    Member

    firebug is GREAT!

    Posted 4 years ago #
  7. Ha! Glad you like it eugenepark81!

    Posted 4 years ago #

RSS feed for this topic

Reply

You must log in to post.