Home>Support>SiteOrigin Features Widget Not Completing Rows & Boxes Misshapen

SiteOrigin Features Widget Not Completing Rows & Boxes Misshapen

By bobj, 7 years ago. Last reply by Alex S, 7 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello, thank you for your help. I am having some issues with the Features Widget. We are trying to utilize six ‘features boxes’ in two rows of 3; however we end up with one row of 3 followed by a row with 2 and then a final row with 1. In addition (and of less importance), the shape of the boxes isn’t uniform, although that is not as important as getting the rows right.

Any help is much appreciated.

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

  1. 7 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Bobj,

    Do you have a public URL where we can take a look at what’s going on?

  2. 7 years, 3 months ago bobj

    Thank you so much for your help. The website is here: http://www.myocbookkeeper.com/

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

    Hi Bob,

    That’s odd. Hm. It looks like your column styling isn’t working correctly.

    Would it be possible for you to send me an export of your features widget? To do this 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 teknik.io or FireFox Send (FireFox is not required).

    In the meantime, you can fix this issue some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .sow-features-feature:nth-of-type(3n + 1), .sow-features-feature:nth-of-type(3n) {
	clear: none !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
}

.sow-features-feature:nth-of-type(4) {
	clear: both !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  4. 7 years, 3 months ago bobj

    Thank you so much for your help. Certainly much appreciated. I put the file in question here. Will also try your fix.

    https://send.firefox.com/download/dcf623cf74/#Ehpz_R1aCY-psZGOfbYyhg

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

    Hi Bob,

    Sorry, I neglected to mention that you needed to extend the expiration date. Can you please resend me a copy of the layout? Sorry about this!

    Did the provided CSS help?

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