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 not resizing on row

Resolved 5 replies premiumthemetheme-vantage
Fredrik Kärrander
10 years ago · Last reply by Fredrik Kärrander 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Fredrik Kärrander 10 years, 7 months ago

    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. Magus Staff 10 years, 7 months ago

    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

    • Fredrik Kärrander 10 years, 7 months ago

      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. Magus Staff 10 years, 7 months ago

    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

    • Fredrik Kärrander 10 years, 7 months ago

      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.

Have a different question or issue?

Start New Thread