Increase Avatar Size - Simple Author Box

Hi there,

Can you share the CSS provided by their support? Have you tried it on other themes? If not, perhaps the CSS itself had issues.

Also, can you provide any mock-up images of how you want it to appear? So we have a better idea for the CSS writeup.

Let us know.

I tried this:

.saboxplugin-wrap .saboxplugin-gravatar img {
max-width: 250px;
}

and also this:

.saboxplugin-wrap .saboxplugin-gravatar img { width: 250px !important; }

If I could just get the width to increase to 250px that would be great (I have done this using Inspector, changing the code as above, and am happy with how it looks, it just doesn't work when I add the css to customizer.)

Here is an example of how it looks.

I see.

The 2 pages you've linked uses different selectors.

For the author archive page, you can use this:

body.archive.author .sab-custom-avatar {
    width: 250px;
    max-width: fit-content;
}

For the single post page, the selectors are actually correct but the width property is missing.

Try this one.

.saboxplugin-wrap .saboxplugin-gravatar img {
max-width: 250px;
width:250px;
}

Hi Elvin,

Thanks very much for providing those bits of css.

I have implemented them and there was a slight increase in Avatar size for the author archive (but not to 250px) and no change on the single post.

Any other suggestions please?

Thanks!

Hi there,

change this CSS:

.saboxplugin-wrap .saboxplugin-gravatar img {
    max-width: 250px;
    width: 250px;
}

to:

.saboxplugin-wrap .saboxplugin-gravatar img {
    max-width: 250px !important;
    width: 250px;
}

It worked! Thanks very much David & Elvin.

Glad to be of help