Archived topic
How to display hook elements horizontally
3 replies · Started by Edward on November 8, 2022
Viewing posts 1–4 of 4
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.
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 ?
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.
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?
This archived topic is closed to new replies.
