• Resolved Sandra-66

    (@sandra-66)


    Hello,

    I would like to center the image of the widget About the Author. I have tried to replace “left” by “center” in the float as follows

    .widget img.profile {
    border-radius: 50%;
    float: center;
    }

    but the image still appears on the left side.

    What did I wrong ?
    Thanks for your help

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author alex27

    (@alex27)

    Hello!

    If you upload image big enough (say 260px wide) it should push the text below.
    You could also place it manually. In the “About the author” textfield add this at the beginning:
    <div class="aligncenter"><img src="path/to/image" alt="Image description" /></div>
    Then follow with description and leave “Author image URL” field empty.

    ps. I hope you didn’t edit style.css directly! Also float doesn’t accept ‘center’ value.

    Thread Starter Sandra-66

    (@sandra-66)

    Hello,

    Thanks for the tip.

    I have tried it : it’s ok to have the image not rounded but it does not center it.

    Sandra

    Theme Author alex27

    (@alex27)

    Let me see! ?? Please provide a link o your website.

    Thread Starter Sandra-66

    (@sandra-66)

    blog.desfeesetdespoints.ch

    Thread Starter Sandra-66

    (@sandra-66)

    Hope it help, thanks for having a look !

    Sandra

    I hope its not too late to assist you, but this worked for me

    .widget img.profile {
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;

    Best of luck!

    https://www.thesolomama.com

    I found an easier way, instead of adding the URL for the image in the “Author image URL” section (which doesn’t auto center), simply use the <img src=image.jpg> code in the top “about the author text” section and add your image in there, then simply use <center> to center your image + text :).

    Hi there,

    I am trying this too but it does not work for me!
    Can you help me?

    https://www.judiosyjudaismo.com look at the footer and you’ll see.

    Thank you!
    Diego

    Theme Author alex27

    (@alex27)

    Hello!

    Please do not post in other peoples resolved threads, even if the question is similar. If the solution didn’t work for you it’s possible you have a different problem. Please start a new thread.

    But either way, your website does not use Sugar & Spice, so you’re posting in the wrong forum.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to center the image of the "About" widget’ is closed to new replies.