Archived topic
Size of social icons when used in a block element as a hook
3 replies · Started by ballerinamoose on November 16, 2022
Hi,
I'm having the darndest time trying to figure out what is controlling the size of the social icons in my header.
I'm currently using a block element with the generate_after_primary_menu hook.
In that block, there's a container that holds the social icons block. The container doesn't have any height constraints, and the social icons are set to normal size (but it doesn't matter what I set it to--even on "huge" they display at their current size). Adjusting the menu item height in the customizer doesn't affect it either, and I can't see anything in the CSS that's constraining the height.
How can I make these icons a little bigger, and, ideally, how can I have them aligned horizontally with the text beside it?
(I previously tried this using a widget instead of an element, but I like the way the element works better.)
Thanks for your help!
Hi Ballerinamoose,
The best approach is to use the GenerateBlocks Buttons Block in your Block Element instead. Reference: https://docs.generateblocks.com/article/buttons-overview/
Here's a video showing how to create one: https://youtu.be/yAleVWQi5EA?t=98
Through using a GB Buttons Block you can setup the Social Media icons as you would prefer.
Ah! That worked perfectly. Thank you so much, Fernando! :)
You're welcome Ballerinamoose! :)