Site logo

[Support request] How to display hook elements horizontally

Home Forums Support [Support request] How to display hook elements horizontally

Home Forums Support How to display hook elements horizontally

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2406582
    Edward

    I am using the generate_before_main_content hook element to display 8 little icons. I have set the priority for each one to display in the desired order. But they are displaying vertically and I would like them to be horizontal. Thanks for any advice on this.

    #2406683
    David
    Staff
    Customer Support

    Hi there,

    you would need to add ALL icons inside a single Hook, and wrap them in a container.

    Are you using HTML or a block element ?

    #2406860
    Edward

    Thanks for the reply David. I’m using HTML, and using shortcodes to display the icons. Not sure how to wrap them in a container.

    #2406919
    Ying
    Staff
    Customer Support

    You can add them into the same element, then add a

    element to wrap them, eg:
    <div class="my-icons"> [shortcode-1][shortcode-2][shortcode-3][shortcode-4][shortcode-5][shortcode-6][shortcode-7][shortcode-8]</div>

    Then add this CSS:

    .my-icon {
        display: flex;
    }

    If this doesn’t work, can you link us to the page where we can see those icons?

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