Home>Support>background image not resizing on row

background image not resizing on row

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
First of all thank you for a great looking theme,
I´m helping a friend with his homepage and i have a problem.
I have set the row to fullwidth extended and put a background image on it,
then i have two columns and i put text in the left one.
I want the background image to stay visible and resize responsive.
When i go to the page with an ipad some of the text appears on top of the image.
Best Regards
Fredrik

URL: http://www.lagapc.se

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

  1. 10 years, 17 days ago Fredrik Kärrander

    I have tried to put another row with two columns, text in the left and image on the right.

    I want the image to have no right margin and no bottom margin,
    i can achieve this by putting a negative -15px margin but when i resize the browser it “pushes”
    the image to the right.

  2. 10 years, 16 days ago Magus
    Hi, I Work Here

    Hi Fredrik Kärrander

    Please edit the image widget and expand the Attributes section. Then add the following to CSS Styles

    float: right
    

    Please note that there is no closing semi-colon. This is by design as it is not needed when using the attributes section.

    Let us know how you get on

    Magus

    • 10 years, 15 days ago Fredrik Kärrander

      Hi Magus,

      Thank you for the answer but I put the

      float: right 

      on the attributes section but i still get a 15px padding on the right side?

      Br
      Fredrik

  3. 10 years, 12 days ago Magus
    Hi, I Work Here

    Hi Fredrik

    The padding is being added by the containing cell rather than the widget. Please navigate to Appearance->Custom CSS and add the following

    #pgc-276-1-1 {
        padding-right: 0px !important;
    }
    

    Thanks

    Magus

    • 10 years, 11 days ago Fredrik Kärrander

      Hi Magus

      B-I-G thanks!, now it is working as i wanted!

      Br
      Fredrik

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