Home>Support>Image wont resize

Image wont resize

By John Taylor, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi SiteOrigin-

Thanks for the great platform you’ve built.

I have two issue that I need help with:
ONE:
When I reduce the width of my browser to check on the responsive layout, the image in the center col doesn’t scale down. How can I make an image have responsive/auto scaling?

TWO:
I’ve also included top margins on the two outside cols to center the whole row vertically. However, I thought the margins would automatically disappear when the browser is resized. They don’t. Can you recommend a solution?

Thanks,
John

URL: http://www.thinkthought.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi John

    Can you perhaps start us off as follows (we basically need to clean this up a bit):

    Can you try moving all your CSS to Custom CSS. How? Each widget / row has an Attributes tab on the right when editing. It looks like you’re using the CSS Styles field right now. I’d like you to try rather using the CSS Class field, you can pick the class name, e.g:

    small-block-text

    Then under Appearance > Custom CSS you target that class:

    .small-block-text {
/* Here is where you insert your CSS styles from that widget/row */
}

    If you could then send me a temporary set of login details once that’s done:

    [email protected]

    I’ll then login and either:

    1. Ideally try centering your content in a better way than absolute margin/padding numbers.
    2. Worst case, drop that padding/margin on mobile using media queries.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More