How can I create a 3 column product information page?

[hoothoot]

Hi,

Im currently trying to replicate a 3 column product information just like the image below. Any idea how i can achieve that?

[diego_ezfy]

@hoothoot 

This will require some coding experience with HTML/CSS, but basically what you want to do is:

1. Attribute a parent element to the three elements. Something like <div class="product-wrapper"> 
2. In the CSS, ensure the product-wrapper is of display flex.

.product-wrapper{

display: flex;

}

3. Then force its children to occupy 33.33% of the space; you may also consider using flex-wrap:nowrap; 

@media (min-width: 750px){
.product-wrapper > *{
max-width: 33.33%;
}

}

As aforementioned it's a bit of a complex process to DIY without coding experience, but certainly achievable in any theme. I hope this helps shedding some light. 

Kind regards,
DIego

[GaLi24]

Hey Diego!

I am also currently trying to get this style done. I am using the Stiletto Theme. Is there a chance to hire you for this job?

If so, what would this cost?

thanks in advance 🙂