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.

Full Width Stretched on cell

7 years ago · Last reply by Andrew Misplon 7 years ago

Hi,
I’m trying to make a row that has full width. Inside of it I have an image and a text.

What I need is to make the image to be stretched and the text keep the margin of the content.

What is the best way to do this? I don’t want to use like margin to the text.

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 7 years, 6 months ago

    Hi Daniel

    One option that comes to mind is to add a CSS class name to the widget containing the text. In Custom CSS you could then add a max-width wrapped in a media query. For example, if the class name added to the widget was:

    widget-constrained

    In Custom CSS/Additional CSS you might add:

    @media (min-width: 769px) {
        .widget-constrained {
            max-width: 50%;
        }
    }

    I haven’t had a chance to test this out, let me know if you think this solution might work for you.

  2. danielpereira 7 years, 6 months ago

    Maybe I couldn’t explain what I wanted.
    I have 1 row 50% each. having it on stretch width it will ignore the container, but on full width, it will give paddings to the information.
    Oh… And while I was writing this I just realize that I can have it with full width and remove the padding from one side. My bad, still grateful for the reply.

  3. Andrew Misplon Staff 7 years, 6 months ago

    Super, really glad to hear you’ve made progress. If anything further comes up, let us know.

    All the best.

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