Home>Support>Ab Testing Boxed and Full Width layout
  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Dcarolino

    Apologies for the delay here.

    Do you have the urls available for the two pages being tested?

  2. 9 years, 6 months ago dcarolino

    Hi Andrew.

    The url for the english version of the site is http://www.kaffamobile.com/.

    Today we are using the ‘Full Width’ layout, and this option affects the whole site. We want to test the ‘Boxed’ layout so I’m wondering if there’s a way to set the layout per page.

    Thank you for your attention.

  3. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    If you inspect the source of any page you’ll see a body tag near the top, each body tag has a unique class. Once you know that class you can change the setup for a page. This is how it would look for the home page:

    .home.layout-full #page-wrapper {
      padding-top: 20px;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 1080px;
      margin: 0 auto;
    }
    
    .home.layout-full {
      background-color: #CCC;
    }
    

    You’d need to replace the word ‘home’ with the body class of the page you want to change.

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