Feeds

Add logo to the left in the header & get text to wrap on the right of an image

Submitted by vbcruiser on July 3, 2007 - 11:26pm in

1. How do I add a logo to the left side in the header?

2. How do I get text to wrap on the right of an image?


use a more suitable theme

vbcruiser: Photopress is designed not to do #2. That, I believe, is the whole point of a theme: to make the photograph/ image prominent by making text go underneath. If you want text to wrap on the right, try one of the other Performancing WordPress themes.

As for #1, I didn't look but my guess is that the CSS code for the header is right-justifying the text. To have a logo on the right AND the text on the left, you will need to either use a full-width graphic banner with logo and text (in graphic form), or you will have to use a table with two columns. The left column contains the logo and the right contains the blog name and tagline.

More suitable theme?

The demo or example of this theme at performance, has wording wrapped to the left of the photo. I thought it might be possible to wrap on the opposite side.

Maybe changing the wording on the demo of this theme, so it is only under a photo would be more appropriate. Showing it wrapped beside a photo, leads one to believe that wrapping in this theme works.

Thanks anyway. I'll look for another clean theme. Photopress is a clean looking theme, great job.

i am wrong

Sorry vbcruiser, I am obviously mistaken. But out the box, the theme doesn't do that. So, to do this, you need to do the following with every image you want wrapped (text on right):

<img src="__image_url__" hspace="5" align="left" border="0">Your text here.

The hspace (horizontal space) is arbitrary and represents the number of pixels between picture and text, so that text isn't flush against a vertical edge.

This is usable in any theme, any platform. However, if the CSS for a theme overrides this, you may need to do extra work to get the image on the left.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <h2> <h3> <h4> <img> <div> <a> <em> <strong> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <span> <table> <td> <tr> <caption> <th> <hr> <pre> <br> <p> <object> <param> <embed> <strike>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
10 + 10 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.