NOTE:  Please understand that all Custom CSS changes like this are "Coloring outside the lines" and we can't officially support or help with issues regarding custom CSS.  We're happy to show you what other users have done, but these aren't official features.  If you run into issues, consider hiring someone to help, or not using CSS.

By default, your MemberVault account comes with a 2 column layout for your Marketplace for computers, and a single column layout for small devices like mobile.

If you are one of those people who doesn't like the 2 column view in desktop, you can change it with ONE line of CSS.

Simply go into Settings / General / Advanced / Custom CSS, and in the box, enter this line exactly

.content_list{ column-count: 1; }

Save those settings, and you'll then see your Marketplace will look like this:

If you do this, you'll probably want to also play around with the product image size to make it shorter.  Check to see what works best for you, and be sure to check these changes on mobile as well!

Having Three Columns

If you have a lot of products, you might want to have MORE columns instead of less.  If you want 3 (or more) in desktop view, simply use this code:

.content_list{ column-count: 3; column-gap: 10px; }
@media screen and (max-width: 990px) {
.content_list{ column-count: 1; column-gap: 0px; }

Going Further

Some users have been able to even tweak the layout INSIDE the product so the image is next to the info, instead of on top of it.  This is possible but requires more custom CSS coding not covered here.

If you're familiar with CSS, you can check out our article on Using Custom CSS.  

If you're not comfortable with CSS, you can hire someone who can help you.  One of our Certified Partners Gabrielle Chipeur specializes in this type of customization.  You can check her out here.