Display vendor attributes in a single column

Is there any css code to display vendor attributes in 1 column, with multiple rows?

Please clarify which vendor attributes you want to place in one column. Is it on the vendor block or the vendor page?

Vendor Block

Please try this CSS snippet

/* One column for vendor secondary attributes in a vendor block */
.hp-vendor--view-block .hp-vendor__attributes--secondary > .hp-row > div{
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;

/* One column for vendor primary attributes in a vendor block */
.hp-vendor--view-block .hp-vendor__attributes--primary{
	display: block;
1 Like

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