How to align default author box to the right?

Hello,

Try to add this code in the Customize > Custom CSS section

.single-post.content-max-width #author-bio {
max-width: 700px;
}

Thanks a lot bro! It worked,but when I am viewing the same page in mobile, author’s image is not visible still i can see the author’s name and bio.
Is there something you can do to fix this?

Hello,

Try to add this one in the custom css section of the customizer.

@media only screen and (max-width: 480px)
#author-bio .author-bio-avatar {
    display: unset;
}

Tried to add this code but there is showing an error in line 2.

Try this one

@media only screen and (max-width: 480px) {
#author-bio .author-bio-avatar {
    display: unset;
}
}

Problem resolved!

You are awesome brother. I really appreciate that you spared some time for me. Thanks for your great help.

You’re most welcome!

Hi Amit,

Same damn problem but this time with ‘sharing buttons section’. I want to move those sharing buttons a little right so that it matches with rest of the content alignment and looks good both on desktop and mobile.

I tried to do it myself by taking help from the google search but ended up failing. So, I request you to look into the matter.
Also, I would be highly thankful if you could teach me how do you solve this so that I could apply your methods to solve the similar type of problems if I face in future. The page I need help with click here

Hope, I am not irritating you!
Thanks

• This reply was modified 6 years, 1 month ago by rajveerthere.

Hello Rajveer,

Try adding the below code to the custom CSS section of the customizer.

.the_champ_sharing_container.the_champ_horizontal_sharing {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 0 20px;
}

Check here – Inspect Tool

It’s like magic! Thank you so much for that.

You’re welcome!