ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   02rilund
   Member

   I'm trying to wrap text around an image (on a page) and with basic text it's working as it should. But when i add a subheading using the h2 tag, the whole block of text moves down to underneath the image. here's my css:

   .entry-content {
   padding: 0 0 0 0;
   }
   .entry-content h2 {
   font-family:Arial,sans-serif;
   font-size:16px;
   font-weight:normal;
   padding:0 0 13px 0;
   color: #000000;
   }

   .aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }
   .alignleft {
   float: left;
   }
   .alignright {
   float: right;
   }
   img.alignleft {
   margin-right:10px;
   margin-bottom:10px;
   }
   img.alignright {
   margin-leftt:10px;
   margin-bottom:10px;
   }

   i can get around it by putting the text and image into separate cells in a column, but then i have another problem; the thext and image won't align at the top!

   EDIT
   I would like the text and images to align something like this (but without the border on images of course):
   http://wptheming.com/portfolio/

   Any help to resolve even one of these problems would be much appreciatied!
   Thanks

   Posted 2 years ago #
2. 

   Devin
   Member

   An h2 is a block level element, so it automatically takes up 100% of the width and gets pushed underneath.

   You can change a block level element to display inline:

   .entry-content h2 {display:inline;}

   I think that might work for you- but let me know.

   You can see from the source in http://wptheming.com/portfolio/ that I set it up to display in two columns, since I didn't want the text to wrap underneath- so that's probably not how you want it set up.

   Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.