[Support request] Add columns in hook element.

[Santa]

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!

[Leo]

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/

[Author]

Posts