Align image at the center of the widget

• 

  anamanuelferreirahotmailcom · Member · Sep 9, 2016 at 10:03 pm

  • Copy link
  • Add topic to favorites

  The widget’s title is centered and the text is aligned to the left automaticaly. I would like to center the image, but I can’t seem to do it. Is it impossible?

  <img src=’image URL’ width=’200px’ align=’center’ alt=’Capazes’/>
  <p />

  <img src=’image URL’ width=’200px’ alt=’Capazes’/>
  <p />
  Saber mais
  <p />

  The blog I need help with is: (visible only to logged in users)

• 

  musicdoc1 · Member · Sep 10, 2016 at 4:20 am

  • Copy link

  Hi,

  You may center text in a text widget as follows:

  <div align="center">the text goes here</div>

• 

  musicdoc1 · Member · Sep 10, 2016 at 4:21 am

  • Copy link

  Were you referring to centering text in a text widget?

• 

  anamanuelferreirahotmailcom · Member · Sep 10, 2016 at 9:20 am

  • Copy link

  Hello!

  No… I want to center the image, but I think it’s a text widget. It was one that already existed in the templates. If you go to https://anamanuelferreira.wordpress.com/ and scroll down you’ll see a widget titled “Capazes” with two images (“Capazes” and a hand, black and yellow). I’d like to center those images, so that they stay under the title.

  I tried doing this

  <img src=’image URL’ width=’200px’ align=’center’ alt=’Capazes’/>

  But it didn’t work… Am I doing something wrong or are the images impossible to center?

  Thanks for your help!

• 

  musicdoc1 · Member · Sep 10, 2016 at 3:38 pm

  • Copy link

  No… I want to center the image

  Sorry, I hadn’t read the OP carefully.

  Am I doing something wrong or are the images impossible to center?

  It’s not impossible to center images in a text widget. Here are two ways of doing that:

  <div align="center"><img src="Image URL here"></div>

  <p style="text-align:center;"><img src="Image URL here" /></p>

• 

  musicdoc1 · Member · Sep 10, 2016 at 3:40 pm

  • Copy link

  That second one was a little sloppy, though it would work. It should have been:

  <p style="text-align:center;"><img src="Image URL here"></p>