Image size in SiteOrigin Button

Hi,
Is there a way to increase the size of an image inserted in the SiteOrigin button widget, replacing an icon?
I’m using a .png image which is my brand logo. Currently, it displays so small, all detail is lost.
Any help much appreciated.
Thanks,
Dave

Hello Dave,

Can you please provide a link to the relevant page in order to let me check it?

Kind Regards, Roman.

Thanks Roman,
Site under development still, hence the ‘test’ in the page title

https://shoreline-studio.co.uk/gallery-test

Many thanks
Dave

Hello Dave,

It’s not a theme issue, but you can try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.so-widget-sow-button-atom-c065f52291a3 .ow-button-base a .sow-icon-image {
    width: 150px;
    height: 150px;
    margin: 0 10px 0 0;
}

.so-widget-sow-button-atom-c065f52291a3 .ow-button-base a {
    font-size: 64px;
    padding: 20px 30px;
    line-height: 150px;
}

@media (max-width: 700px) {
    .so-widget-sow-button-atom-c065f52291a3 .ow-button-base a .sow-icon-image {
        width: 18vw;
        height: 18vw;
        margin: 0 1vw 0 0;
    }

    .so-widget-sow-button-atom-c065f52291a3 .ow-button-base a {
        font-size: 7vw;
        padding: 2vw;
        line-height: 18vw;
    }
}

Kind Regards, Roman.

Hi Roman,
Many thanks. That worked well and with a few tweeks of the parameters, I’ve got it scaled to my liking.
Can’t thanks you enough!

You are welcome Dave!

By the way, it would be nice if you leave your feedback for Moesia theme on WordPress.org (if you haven’t done it already, of course), here is a quick link :slight_smile:

Kind Regards, Roman.

More than happy to Roman. In fact, I’ve just done it :slight_smile:

Great! Thank you very much Dave :slight_smile:

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.