Centering Product Section – Front Page Section – Product Sections

  • Resolved birdbqcom

    (@birdbqcom)


    6 years, 9 months ago

    Hi All,
    So I’m certain this is an easy fix but just cant find the solution. Basically on my front page I have the Product Section below Slider/Banner sections etc.

    Today if I show only 2 products as an example they align to the left leaving a large gap – how do I set this section to align to the center? Im assuming this could be done via the additional CSS or via WooCommerce short code.

    If anyone could point me in the right direction it would be much appreciated.

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • kiprasbiel

    (@kiprasbiel)

    6 years, 9 months ago

    I ran into the same problem. Really need help, how to center only 3 products on the product section? I’m using shopisle theme.

    harshvardhan singh

    (@wpcoderguy)

    6 years, 8 months ago

    Hello,

    Thanks for contacting us.

    For Center product please go to Appearance > customize > Additional CSS
    and paste below code

    .home #latest .multi-columns-row {
padding-left: 30%;
}

    Note: If you have only 2 product then you can try this code. If you have more than 2 product then remove this code.

    Let me know how it goes.

    Thanks

    kiprasbiel

    (@kiprasbiel)

    6 years, 8 months ago

    Well, it looks good with 20% and only applied on desktop view. But now the problem is, that the size of the products are very small. Maybe you have some more suggestions @wpcoderguy ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Centering Product Section – Front Page Section – Product Sections’ is closed to new replies.