ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

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 3 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 3 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 3 years ago #
4. 

   awarner20
   Member

   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 3 years ago #
5. 

   eugenepark81
   Member

   Thanks!

   Posted 3 years ago #
6. 

   eugenepark81
   Member

   firebug is GREAT!

   Posted 3 years ago #
7. 

   awarner20
   Member

   Ha! Glad you like it eugenepark81!

   Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.