How to Center Image in Text Widget

[pwalus]

I need to centre in image in a text image without it centring all the other images in all my other widgets.

here is my site and you can see the red seo on the left and text to the right, i want the red seo image in the centre and the text underneath it in the center.

thank you!

http:// digitallseo.com

[Brad Dalton]

Insert the image into the text editor of a post draft and center it

Then copy and paste the HTML from the text editor into your widget

---

Tutorials for StudioPress Themes.

[anotherusername]

It looks like your rules in:

.widget-wrap img {

are conflicting with your rules in:

img.centered, .aligncenter {

Since your .widget-wrap img { occurs later in your css file it is overriding the settings in your img.centered, .aligncenter {

If you were to comment out the rules in .widget-wrap img { like so:

.widget-wrap img {
/* display: block; */
/* float: left; */
/* margin-right: 8px; */
}

You will notice that the image is now in the center and the text appears below it (with lots of break tags added for no reason except to give aspiring geeks like me nightmares).

[pwalus]

Thank you yes i see what you mean. I removed the rules in .widget-wrap img and it is centred! What do I need to do in my css file to make this work? Thanks so much for your help, I am pulling out my hair over this.

[pwalus]

I spoke too soon - it works now! MANY thanks 🙂

[anotherusername]

You're welcome.

[Author]

Posts