Verical Align issues

  • Hello to all,

    My website is https://www.whitehousefoods.co.uk

    I am running woocommerce and I am struggling to vertically align the product titles on the archive pages. (Either middle or bottom would be preferred to top).

    I have tried a lot of suggestions from this forum and woocommerce forum but still no luck.

    Any suggestions would be much appreciated!

    Thanks in advance …

Viewing 1 replies (of 1 total)

  • Hi matt070292,

    What I would do is wrap the H3 in a div and set that div to display as table-cell and with a vertical align. Something like this for the Div should keep the text aligned at the middle.

    .boxy {
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    width: 200px;
}

    Alternatively you could use flexbox to help you but you’d need to change quite a bit of things for that ??

Viewing 1 replies (of 1 total)
  • The topic ‘Verical Align issues’ is closed to new replies.

Tags