Clear image

What’s the best way of clearing the “Get Started” image on this page:
http://impowerdemo.com/clients/demoinstalls/essentials/nina-silver-rn/
so it rises higher under the page text, and not below the image to the right?

HI,

Not sure I quite understand but if you don’t want it to clear the image on the right then don’t clear it :slight_smile:


div.entry p img.aligncenter{clear:none}

Or did you mean something else?

I just want the “Get Started” button to appear right under the text on the page, and now below the image to the right. It doesn’t seem to want to wrap.

The code I gave you will make the image start just under the text above and not clear the image on the right. It will be centered under the text because you have it in a p tag that has an inline style of text-align:center.

That seems to be what you asked for but I think we may be taking at cross purposes?

You have the same rule twice in your style.css (line 618 and line 646) that is applying clear:both to the button.



div.entry img.aligncenter{
	clear:both;
	text-align:center;
	margin:10px auto;
	display: block;
	padding:5px;
	}

div.entry p img.aligncenter{
	clear:both;
	text-align:center;
	margin:10px auto;
	display: block;
	padding:0;
	}


For reasons too complicated to explain here, I do not have the ability to edit the style sheet. I know this may sound weird, but is there some way I can add your code

div.entry p img.aligncenter{clear:none}

in line at

<h2><a title="Salon Hours" href="http://impowerdemo.com/clients/demoinstalls/essentials/salon-hours/">Salon Hours</a></h2>

You’d have to add it here.


<p style="[B]clear:none;[/B]text-align: center;"><a href="http://impowerdemo.com/clients/demoinstalls/essentials/your-initial-session/"><img width="224" height="51" src="http://impowerdemo.com/clients/demoinstalls/essentials/wp-content/uploads/2013/01/get_started.png" alt="Get Started" class="size-full wp-image-533 aligncenter"></a></p>

I have replaced my code with yours. It doesn’t seem to make a difference.
http://impowerdemo.com/clients/demoinstalls/essentials/nina-silver-rn/

Ah sorry,

It needed to go here on the image:


<img[B] style="clear:none"[/B] width="224" height="51" class="size-full wp-image-533 aligncenter" alt="Get Started" src="http://impowerdemo.com/clients/demoinstalls/essentials/wp-content/uploads/2013/01/get_started.png">

Apologies.

That works!
http://impowerdemo.com/clients/demoinstalls/essentials/nina-silver-rn/
Many thanks.