How to Turn Your Payhip Product Page into a Single Column Layout

At Payhip.com, you can apply some modification so that your product page layout appears in a single column. The current default layout will two columns. The left is for your content. And the right is for the buy button. I didn’t like this so I modified it using the built-in Design Editor.

This is the CSS that I applied my Design Editor.

.meat-skirt-left { float: none; width: 90%; border: none; border-bottom: 1px dashed #ccc; }
.meat-skirt-left p { text-align: justify; }

And this is how my product page looks like at Payhip.com.

https://payhip.com/b/FUKJ

If you can’t find the Design Editor, click on the Account menu on the top right.

Have a great day.

0.00 avg. rating (0% score) - 0 votes

Leave a Reply

Your email address will not be published. Required fields are marked *