🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Support request] Add columns in hook element.

Home Forums Support Add columns in hook element.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1144444
    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!

    #1144847
    Leo
    Staff
    Customer Support

    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/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.