This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

PageBuilder Design in Row Background Image Zoomed In Too Much

Resolved 2 replies customizationpluginplugin-page-builder
mtcvoyager
9 years ago · Last reply by mtcvoyager 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 9 years, 7 months ago

    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. mtcvoyager 9 years, 7 months ago

    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.

Have a different question or issue?

Start New Thread