ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   Fizzgigg
   Member

   I my continous quest of keeping myself sleepless I have found another problem.

   I have found out how to place a transparent png behind posts. So far so good, but the problem is when I've got a post with a quite large image and not so much text, then the post becomes smaller than the image. It's hard to explain, and the site is on a local server, but I have an image that hopefully can explain what I mean.

   www.shin-ken.se/smallpost.jpg

   The red color is just temporary to show the problem, and as you can see the image and the size of the post itself does not match.

   The css I'm using is:
   

   .post{
   	background-color:#C00;
   	/*background:url(images/index-top.jpg) 0px 0px repeat;*/
   	margin-top:10px;
   	padding:10px;
   }

   Does anyone have a clue how I can get the background image (or color in this case) to get the right size as the post?

   Posted 3 years ago #
2. 

   Chris
   Moderator

   Hi,

   have you tried to work with min-height?

   Chris

   Posted 3 years ago #
3. 

   Fizzgigg
   Member

   No, mainly because I don't know how. But I think I've discovered the problem. May it be that the size of the post is in itself correct, but it contains an image that is larger than the height of the post and therefore the image goes outside the "post box".

   I know what I mean, but I must sound like a drunk trying to explain it. :)

   Posted 3 years ago #
4. 

   Chris
   Moderator

   Add:

   .post {
       min-height: 300px;
   }

   Change the 300px to whatever is needed. This works as long as your pictures have the same height.

   Get Firefox and the Firebug Addon. This makes it easier to play with the CSS and to get the sizes of the elements.

   Chris

   Posted 3 years ago #
5. 

   Fizzgigg
   Member

   I tried it, and it kind of work, but I think the easiest way to solve it is to tell the webbmaster to write longer texts and/or use smaller pictures.

   Thanks for your help.

   Posted 3 years ago #
6. 

   jrobben
   Member

   I do both, set min height to 350px and have authors limit in post pictures to 300px. only problem with that is short posts with no pictures leave some white space below the last text in the post content area.

   Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.