Center avatar in widget

  • Resolved sferwerda

    (@sferwerda)


    6 years ago

    Hi there,

    First of all: thank you for the great plugin! 🙂

    I added the Author Box to a widget using the shortcode. On a mobile phone, everything is nicely centered. However, on a desktop or tablet the avatar is aligned to the left. I tried to center the avatar as well, using css, but no luck so far.

    Hopefully you can help me out.

    Thanks in advance,
    Sjors

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Miha

    (@mplusb)

    6 years ago

    Hello @sferwerda,

    Thank you for reaching out to us!
    Please add the following code in Appearance > Customize > Additional CSS:

    .saboxplugin-wrap .saboxplugin-gravatar {
    float: none;
}

    Save and this will solve it.

    All the best,
    Mihaela

    Thread Starter sferwerda

    (@sferwerda)

    6 years ago

    Thank you for your quick reply, @mplusb!

    That did the trick 🙂 However, the author name is slightly off. Looks like its not perfectly centered because of some space on the left. Do you have any idea how to fix that?

    Screenshot: https://www.dropbox.com/s/0b4vf4jm6zv3lkh/Schermafbeelding%202019-05-10%20om%2011.52.33.png?dl=0

    Best regards,
    Sjors

    Miha

    (@mplusb)

    6 years ago

    Dear Sjors,

    Really sorry for the late reply – I missed your question!
    To center the name as well please add this code in Appearance > Customize > Additional CSS:

    .saboxplugin-authorname {

    margin-left: 0 !important;

}

    All the best,
    Mihaela

    • This reply was modified 6 years ago by Miha.
    Thread Starter sferwerda

    (@sferwerda)

    6 years ago

    Hi @mplusb,

    Thanks again for your help 🙂 That worked out perfectly!

    Have a great day,
    Sjors

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center avatar in widget’ is closed to new replies.