Site logo

Archived topic

Add columns in hook element.

1 reply · Started by Santa on January 26, 2020

Viewing posts 1–2 of 2

Hello!

Was wondering if it is possible to add 2 columns in hook element. Currently have added after_content author information, but would love to add image on column one and text in column no2. Did try to do it with the inbuilt column code provided in documentation, but it made all elements after the content as part of the column.

How to achieve the desired outcome? Thank you!

Hi there,

Some HTML like this should work:

<div class="after-content-columns">
    <div class="after-content-column-1">
        content
    </div>

    <div class="after-content-column-2">
        content
    </div>
</div>

And this CSS:

.after-content-columns {
    display: flex;
}

.after-content-columns > div {
    width: 50%;
}

@media (max-width: 768px) {
    .after-content-columns > div {
        width: 100%;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

This archived topic is closed to new replies.