Home>Support>SiteOrigin Feature

SiteOrigin Feature

Hello,

The default layout has only 3 features, however, when I am trying to increase the number of the features the layout setting is disturbed and I am unable to correct it.

URL: http://travelclub.com.qa/services/

Please Assist.

TIA.

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

  1. 5 years, 8 months ago Alex S
    Hi, I Work Here

    Hi TIA,

    Unfortunately, the linked page is coming up as missing for me. Have you published that page? I ask as guests aren’t able to see drafts so you’ll need to publish the page so I can see it. If you would rather not see it yet, can you please create a test page and publish that so I can the issue you’re experiencing?

  2. 5 years, 8 months ago Vasudha V

    Hey, Sorry. It is visible now.

  3. 5 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Vasudha,

    Thanks. That’s quite odd. Would it be possible for you to send me an export of the linked page? To export a page, please open up the linked page in the editor and click the Layout button in the Page Builder toolbar. Then click import/export and then click download. Please upload the export to a 3rd party file hosting site such as WeTransfer (no email is required).

    Also, please try adding the following CSS to WP AdminAppearanceCustomize, Additional CSS:

    .sow-features-clear {
    	display: none;
    }
    

    How does that look/

  4. 5 years, 8 months ago Vasudha V

    Thanks, added the above code, made a little difference, but not as required.

    https://we.tl/t-73arE8xMeu – .json file for your refernce.

  5. 5 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Vasudha,

    Thanks. Please add the following additional CSS:

    @media (min-width: 520px) {
      .so-widget-sow-features .sow-features-list .sow-features-feature:nth-of-type(4n + 1) {
    	padding-left: 0;
      }
    
      .so-widget-sow-features .sow-features-list .sow-features-feature:nth-of-type(3n) {
      	padding-right: 0;
      	padding-left: 25px;
      }
      .sow-features-list .sow-features-feature {
    	clear: none !important;
      }
      .so-widget-sow-features .sow-features-list .sow-features-feature:nth-of-type(3n) {
      	padding-right: 25px;
      }
    }
    

    How does that look?

  6. 5 years, 8 months ago Vasudha V

    It looks perfect!! Thanks a lot Alex :)

  7. 5 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Vasudha,

    Great to hear! :)
    Please be sure to post another thread if you have any other questions.

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