Getting my listing data in line. Making it look neat

I figured out how to add my custom attributes and now I need to make it look good. I would like to put these attributes in a row after each other in the secondary page listing.

I have provided a screenshot with some sample data of what it looks like currently.

Basically to make it look like this:
Introduction: (this is currently at the bottom)
Address:
Website:
Open Hours:
Facebook:
Seasonal Availability:
Pick Your Own:
Other fruit Avaialable:
Directions:

Ok figured it out.

I used code I found on the github and put it into a code snippet:
.hp-block .hp-listing__attributes--secondary .hp-col-lg-6,
.hp-page .hp-listing__attributes--secondary .hp-col-lg-6 {
	flex-basis:100%;
	max-width:100%;
}

Works great.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.