WordPress.org

Ready to get started?Download WordPress

Forums

Sugar and Spice
[resolved] How to center the image of the "About" widget (10 posts)

  1. Sandra-66
    Member
    Posted 6 months ago #

    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

  2. alex27
    Member
    Theme Author

    Posted 6 months ago #

    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.

  3. Sandra-66
    Member
    Posted 6 months ago #

    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

  4. alex27
    Member
    Theme Author

    Posted 6 months ago #

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

  5. Sandra-66
    Member
    Posted 6 months ago #

    blog.desfeesetdespoints.ch

  6. Sandra-66
    Member
    Posted 6 months ago #

    Hope it help, thanks for having a look !

  7. solomama
    Member
    Posted 5 months ago #

    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!

    http://www.thesolomama.com

  8. savannahdaras
    Member
    Posted 5 months ago #

    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 :).

  9. diegoedel
    Member
    Posted 4 months ago #

    Hi there,

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

    http://www.judiosyjudaismo.com look at the footer and you'll see.

    Thank you!
    Diego

  10. alex27
    Member
    Theme Author

    Posted 4 months ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.