[Resolved] How to re-style a widget

[caesar]

Hi there,
I’ve been trying to find ways to style the widgets in the documentation but can’t find it.
I’m using Social snap: popular post and try to show that in the sidebar. The problem is that when the plugin shows thumbnails it is showing text to the side instead of under picture. The text looks like scrambled eggs end exceed the limit of the sidebar making it look quite bad.

How can I change the style of a certain widget?

[David]

Hi there,

can you provide a link to the site so i can take a look and maybe provide some CSS to change the styles. You can edit your original topic and use the Site URL field to share the link privately.

[caesar]

http://box5307.temp.domains/~lmhme/

There, moved the widget to footer 1.
Still, it would be great to have the titles under the thumbnails 🙂

[David]

Try this CSS:

.ss-popular-posts-widget .ss-popular-post {
    flex-direction: column;
    align-items: flex-start !important;
}
.ss-popular-posts-widget .ss-popular-post-content {
    margin-top: 1em;
}

[caesar]

Oh! Giant thanks!

I’ve also been picking “larger thumbnails” but to me they seem pretty small, is there a way for this too? 🙂

(Btw, love this support, fast and on point! THANKS, rare, so, thanks! 😉 )

[David]

Well you may want to choose a smaller thumbnail size as it currently calling the large image and then use this CSS to resize them:

.ss-popular-posts-widget.ss-large-thumb img {
    width: 200px;
    height: auto;
}

[caesar]

Thank you so much!

Have the best day! 😀

[David]

You’re welcome glad to be of help

[Author]

Posts