Text isn't wrapping correctly around photos

Since switching my website to the BlackRider Theme, text is no longer wrapping around my photos correctly. Instead of the photo sitting within the text, it sits next to one line of text and the rest is below. How can I change the settings so that the text wraps correctly?

(For an example of the issue, you can look here: http://www.melanieethridge.com/flourish/ )

Thanks for you help!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-content .content-bar img{
float:left;
}

 

Gourav will this fix allow the correct wrapping of images that are set to align left or right?

 

Hello,

Yes, The code provided above float blog post image.

 

This still won't align the images to the right...

And how do we add padding so that the text doesn't touch the images?

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

and then go to the Page > Add new panel in your dashboard and align the images as per your requirement by inserting the images in the page editor.
This will solve your wrapping issue of text with the images.

And for the image padding issue,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.page-content img {
padding: 10px;
}

You can adjust the value of "padding" as per your requirement.
This will solve your image padding issue.

 

Got it. Thank you.