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.

Background Image Size

Resolved 11 replies customizationpluginplugin-page-builder
haydrw
10 years ago · Last reply by haydrw 10 years ago

Hi there,

I am using the site origin slider from prebuild layout (MODERN DESIGN) and have inserted an image using “choose media” for background image.
It’s currently at an idea size because it has the foreground http://layouts.siteorigin.com/wp-content/uploads/2015/08/Modern-Design-Overlay.png#1280×500 placed on top of it.

However, when I remove that, the overall size of the image changes.

Could someone please tell me how to keep the size of my picture when the foreground info is there but I want to be able to remove/ and or change the wording “MODERN DESIGN, architecture, construction and project management.”

Thank you.

and if it’s possible, how to raise or lower the text on the picture.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Alex S Staff 10 years, 1 day ago

    Hi Haydrw,

    The overlay.png image is there to automate the height of the row. If you want to manually set it you’ll have to use some custom CSS. Do you have a public URL where I can take a look? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    • haydrw Private 10 years, 1 day ago

      This is a private message.

      • Alex S Staff 10 years, 1 day ago

        Hi Haydrw,

        Please try the following CSS to make up for the overlay not being there. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

        #pgc-153-0-0 { 
    height: 500px;
}

        To remove the title from all posts use the following CSS.

        .entry-header {
    display: none !important;
}

        You might also need to install the SiteOrigin CSS Editor.

        • haydrw 10 years, 1 day ago

          Hey Alex,

          Thanks! I got rid of the entry header but did not solve the overlay issue.
          I removed the overlay external url to get rid of the wording but the size has made the pictures really big again.

          http://nordicnorth.com/index.php/sweden-2/

          • Alex S Staff 10 years, 1 day ago

            Hi Haydrw

            Oh my mistake. Please try the following CSS isntead. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

            .sow-slider-image img {
    max-height: 500px;
}

            You might also need to install the SiteOrigin CSS Editor.

  2. haydrw 10 years, 1 day ago

    Awesome thanks heaps!

  3. haydrw 10 years, 1 day ago

    Sorry to be a pain but now the picture has stretched? Any ideas?

  4. Alex S Staff 10 years, 1 day ago

    Hi Haydrw,

    I would suggest adjusting the above set max-height to the desired height of the image.

  5. haydrw 10 years, 1 day ago

    Good call!

    Cheers

  6. Alex S Staff 10 years, 1 day ago

    Hi Haydrw,

    Awesome. Is there anything else I can help you with?

  7. haydrw 10 years, 1 day ago

    For now, no.

    You’ve been great! Cheers for the help Alex.

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