Home>Support>PageBuilder Design in Row Background Image Zoomed In Too Much

PageBuilder Design in Row Background Image Zoomed In Too Much

By mtcvoyager, 8 years ago. Last reply by mtcvoyager, 8 years ago.

Hello,

I’m using the Tesseract theme. When I added images to the background they sized proportionally to the device and browser size, but now, it is zoomed in and does not resize itself respectively.

Home

This happened shortly after I updated WordPress and PageBuilder. Is there anything I can do to have the image zoomed out and have is adjust as it did previously?

Thanks for any help!

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

  1. 8 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Mtcvoyager,

    To clarify, is the issue your hero widget? If so this is due to the large amount of padding you’ve added which is forcing the hero widget to extend.

    This is fine on desktop but on mobile devices, where the background image will be cropped to maintain aspect ratio. Ideally I would switch:

    <span class="" style="display:block;clear:both;height: 0px;padding-top: 395px;border-top-width:0px;border-bottom-width:0px;"></span>

    With:

    <span class="mobile-hide" style="display:block;clear:both;height: 0px;padding-top: 395px;border-top-width:0px;border-bottom-width:0px;"></span>

    Then please navigate to WP Admin AppearanceCustom CSS and add the following CSS:

    @media (max-width: 768px){
    .mobile-hide {
        display: none;
    }
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 2 months ago mtcvoyager

    Thank you for such a thorough analysis! You’ve helped substantially.

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