ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   bad-and-ugly
   Member

   ...I don't mean to be spamming, but why is the text from the original post gone?

   Posted 11 months ago #
2. 

   bad-and-ugly
   Member

   Hello
   It's my first time here and I know I'll be back many times, since I'm not a coder nor designer or anything...
   I'm customizing Thematic a little bit with a child theme. Right now I want the posts to have a white background with a grey border on them. I've tried adding `border: 10px solid #CCC´ to .hentry, #content and #container; but had the same problem in all of them: the righ border is not visible (only left, top and bottom borders). It's like they're inside something (...like the main div?) that is not big enough for them. When I made their width smaller, the border was visible. I tried to make #main wider, but that didn't help. If it helps, you can see the website here http://bit.ly/jHnp1M

   One more question: is it more appropriate that I make these customizations on default.css or 2c-l-fixed.css? I'm doing it on default.css

   Thanks in advance, everyone.

   Posted 11 months ago #
3. 

   helgatheviking
   Moderator

   .hentry inherits a width of 620px... which once you add on another 20px for the border now equals 640px and therefore overflows the #content div which is also 620px w/ overflow hidden. hence the border never shows.

   make your changes in your child's style.css. if you plan to make a lot of changes just copy the whole default.css right into your child's style.css versus importing it. in fact i usually paste everything in as it makes the site a little leaner as it only needs to download 1 stylesheet versus 5.

   try:
   

   .hentry {
   background: white;
   border: 10px solid #CCC;
   width: 600px;
   }

   also for CSS issues make sure you have either getfirebug.com for firefox or using chrome's built-in developer tools. these go a loooong way to helping me solve all my CSS issues.

   Posted 11 months ago #
4. 

   bad-and-ugly
   Member

   Hey Helga '=) Thanks for your help.
   I should have mentioned that making .hentry less wide did make the right border visible. I didn't want to lose any space though - in fact, I'm hoping to get my hands on a 3c-fluid.css or 2c-l-fluid.css some day so I can make better use of the space ;-)
   I guess I'll follow your suggestion for now. But still... I forgot to mention that I also tried making #main, #container and #content wider, but that didn't help. If the problem is #content being only 620px with .hentry being 640px, why wasn't the problem solved when I put #content to be 800px wide?

   Yea, I use firebug '=) Thanks again!!

   EDIT: cool, so I did the right thing in copying default.css and editing there ;-) I just think I put my background image on 2c-l-fixed.css though... I'll change that.

   Posted 11 months ago #
5. 

   bad-and-ugly
   Member

   ...you were right from the beginning, Helga! ;-) Once I increased the width of #main, #container and #content, the border became visible! Still, I'd rather maintain 2c-l-fixed.css as it is and follow your suggestion of decreasing the .hentry width... Thanks a lot!! ;-)

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.