Ask your WordPress questions! Pay money and get answers fast! (more info)

Text not wrapping WordPress

  • SOLVED

Hello!

Can anyone figure out why the text won't wrap around the image here?

http://www.asmallbrightidea.com/allison/about/

Thanks!

Answers (3)

2012-11-30

Navjot Singh answers:

In the file http://www.asmallbrightidea.com/allison/wp-content/themes/twentytwelve/style.css?ver=3.4.2, h4 tag has 'clear:both;' set defined on line no. 95 which does not let the text below the line 'Business or Education' align to the left of the image. So either that goes or you remove header tag from 'Business or Education'.


ohlivia13 comments:

Thank you! I don't know why I didn't think of this :)

2012-11-30

Dbranes answers:

Hi, the image is inside the h1 tag

<h1>Allison Hulett, LCSW<img class="size-full wp-image-68 alignright" title="allison-13" src="http://www.asmallbrightidea.com/allison/wp-content/uploads/2012/11/allison-13.png" alt="" width="441" height="557"></h1>

you should try to insert the image into the <p> tags, i.e. a little bit lower into the:

<p>Graduated from Texas A&amp;M with a Bachelor of Arts in English. A story junkie at an engineering school… Yes, this puzzled my father as well.<br>


part


ohlivia13 comments:

Thank you! I don't know why I didn't think of this :)


Dbranes comments:

here you can see the result if you move the image out of the h1 tag into the p tag:

[[LINK href="http://i.imgur.com/T0tOX.jpg"]]http://i.imgur.com/T0tOX.jpg[[/LINK]]


i.e. if you replace

<div class="entry-content">

<h1>Allison Hulett, LCSW</h1>
<h4>Business and Education</h4>

<h1><img class="size-full wp-image-68 alignright" title="allison-13" src="http://www.asmallbrightidea.com/allison/wp-content/uploads/2012/11/allison-13.png" alt="" width="441" height="557"></h1>

<p>Graduated from Texas A&amp;M with a Bachelor of Arts in English. A story junkie at an engineering school… Yes, this puzzled my father as well.<br>
...
</div>


with


<div class="entry-content">

<h1>Allison Hulett, LCSW</h1>
<h4>Business and Education</h4>

<img class="size-full wp-image-68 alignright" title="allison-13" src="http://www.asmallbrightidea.com/allison/wp-content/uploads/2012/11/allison-13.png" alt="" width="441" height="557">

<p>Graduated from Texas A&amp;M with a Bachelor of Arts in English. A story junkie at an engineering school… Yes, this puzzled my father as well.<br>
...
</div>




2012-11-30

Kyle answers:

I believe your <h4> tags are displaying as blocks, and not inline.

Add this to your style.css file:

.entry-content h4, .comment-content h4 {
display: inline-block !important;
}


and it should work