Align Buttons Feature

  • On the home page, if I use the “Hand-Picked Products” feature, there is a very handy option called “Align Buttons,” which aligns all the add to cart buttons vertically, and looks very nice.

    I can’t find a similar option for the shop pages though. As such, the buttons are just kind of staggered and chaotic. Is there an “Align Buttons” option I’m missing somewhere?

    If not, you should definitely add this to future versions.

    In the mean time, is there a simple way to align buttons vertically?

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

  • Hi @dnacannon,

    I could suggest CSS code to manually align your button.

    Can you provide a screenshot showing where the button is located?

    To share a screenshot here, you can use a link to your image file uploaded to a reputable free image hosting like snipboard[dot]io.

    It would have been better if you could have used this field in your topic.

    Thread Starter shizlist

    (@dnacannon)

    Thanks, Kharis. I didn’t include the page address because it’s an adult toy store.

    Here’s a censored screenshot of a shop page https://ibb.co/64QTcmg

    Hi @dnacannon,

    Thank you for sharing the screenshot.

    To fix the issue, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .products .product .loop-button-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}

.products .product .price {
  margin-bottom: 70px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align Buttons Feature’ is closed to new replies.