Author widget on the side

[nazukeoya]

Website Example: http://elletta.tuweb4.com/?header_style=header-3&slider=true&slider_boxed=true&featured_area_columns=none&layout_homepage=blog&sidebar_homepage=right&footer-1=false&footer-2=false&footer-3=true&footer-4=true&pagination_type=numeric

In X-Theme is there a feature to add a widget on the sidebar that shows the author’s photo, name, and quick intro? I’m including a link to a non-X-theme site that shows on the right side the feature that I’m talking about.

[Prasant]

Hello @nazukeoya,

Thanks for asking.

You can take a look at following plugins to display author information.

Meks Smart Author Widget

4 Best WordPress Author Box Plugins To Add Author Bio

Thanks.

[nazukeoya]

@Prasant

My site: https://www.maestroagnew.com/musings

I have the “Meks Smart Author Widget” plugin installed now and they are saying that in order to make it look different I have to add CSS. Specifically they said:

“The styling mostly depends on the theme you are using so there should be an easy way to change it via couple of lines in the theme css file. I guess you can ask the theme author to help you with that?”

What global CSS do I need to make the photo a circle instead of a square, and center all of the text including the title of the widget?

[christian]

Hey @nazukeoya,

It looks like you have achieved what you need.

[nazukeoya]

@christian_y

I did sort of, I changed the left margin but I was wanting to know the CSS to make it perfectly centered.

[christian]

Hey @nazukeoya,

I’ll just make it clear first that the styles you want to achieve is not connected with X. Your request falls under third party plugin support and that is outside the scope of our support.

What the third party author is referring to is only applicable to texts.

@nazukeoya

The styling mostly depends on the theme you are using so there should be an easy way to change it via couple of lines in the theme css file. I guess you can ask the theme author to help you with that

But because this wasn’t cleared before, here’s the CSS to center your image.

.mks_author_widget img {
    float: none !important;
    margin: 0 auto 20px !important;
}

You will also need this CSS to control the space above your name. The cause of that issue is because of the image centering CSS above and also headlines in X has a 1.25em of top margin out of the box.

.mks_author_widget h3 {
    margin-top: 0 !important
}

That is the furthest we could go with regards to styling the third party plugin widget.

Please also don’t post the same question in 2 threads. It would be best if you open a separate thread of you have further questions. I have closed this thread.

Thank you for understanding.

[nazukeoya]

@christian_y

Perfect, thanks. The reason why I continued to ask questions about the 3rd party plugin was because in the other thread I was freely given CSS code by a staff member, so that naturally made me think that I could ask further CSS questions about the plugin. Also, I didn’t intend to post the same question in two different threads, it just so happened that both threads naturally converged. I think the help with the global CSS on the plugin was great customer support, I don’t think you should stray from that because it serves your customers well.

[jade]

No worries at all.

Glad we’re able to help.