Home>Support>Correct selector for row in stretched layout

Correct selector for row in stretched layout

I woul like to know what the correct selector for a row is that is in stretch mode(full width across the whole site). I tried it with #pg-11-0 .siteorigin-panels-stretch but this did not work. I want to apply a pseudo element (with :before and :after) to the row.
Thank you for your support.

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

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Danina

    Thanks for reaching out.

    Because all the magic happens in the inline style tag there isn’t a class you can target for Full Width Stretched. What I’d recommend doing is adding a custom class to the rows you want to do this to. Edit the row in question, click Attributes top right and enter a class name in the first field:

    full-width-stretched
    

    Then at Appearance > Custom CSS you could target that as required:

    /* Page Builder Classes */
    
    .full-width-stretched {
    }
    
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