Archived topic

Veritcal Align Header Title Hook Element

3 replies · Started by melvin on December 29, 2020

Viewing posts 1–4 of 4

December 29, 2020 at 3:02 am #1597928

Hi,

Following this support guide, I'm able to make a header for woocommerce category archive.

However I would like to make the title to vertically align center at the header within the image. Can you guide me how what CSS i've to add to make it happen?

This is my sample woocommerce category archive page with the hook header.

Thank you.

Regards,
Melvin

December 29, 2020 at 4:56 am #1598033

Hi there,

update the CSS to this:

.product_cat_hero {
    background-size: cover;
    background-repeat: none;
    background-position: center;
    min-height: 300px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

December 29, 2020 at 9:18 pm #1598986

Hi David,

The code is working perfectly. Thanks for your kind support.

Regards,
Melvin

December 30, 2020 at 1:46 am #1599140

You're welcome

This archived topic is closed to new replies.