Forth column is dropped

purelypacha

Hi I have a page setup with 4 columns inside a wrap - three pricing items and one regular text column. For some reason the forth column displays underneath the other three instead of in the last quarter of the page where it belongs. It's as if it is set to three columns somewhere. It does the same thing when I move the column inside the wrap around.

Here's the link to the page: https://purelypacha.com/prices/ and attached is a screen shot of the builder section.

What am I missing?

purelypacha

I placed every item in its own wrap and that seemed to do the trick. However the original problem is still odd and that setup should work too, right?

Pablo

Hi,

After disabling Custom CSS, everything works fine.

Check your CSS code, please.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

purelypacha

Hmm, the only CSS I added is for the border around the pricing items (on the page itself) and to add pictures to the RSS feed (as a code snippet). There's no custom CSS in the theme options and I don't have a child theme installed (with custom code) 

 I don't know what else to check... Any idea?

Pablo

When you delete border, everything is all right.

This one pixel of width on every side of column make whole layout broken.

Try to delete it.

Cheers.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

purelypacha

Oh man. Is there a better way to add a border?

Pablo

You can use smaller wrap, like 1/6 with two placeholders on the left and right.

Or by editing the files of the theme.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

purelypacha

OK. Thanks!