Archived topic
Vertical align top bar phone number
7 replies · Started by Cy on March 11, 2023
Hi - I am trying to vertically align my phone number in the middle of my top bar (currently it defaults to top alignment). See my homepage and the phone number in the upper right here: https://powerspex.global.
Here's what I'm trying by adding a custom CSS class but it doesn't seem to work:
<p class="vertical-align: middle">Call Us +1 (480) 485-2388</p>
I've tried searching existing support forum posts to no avail. Any suggestions?
Hi there,
Are you currently using a Hook element?
https://docs.generatepress.com/article/hooks-element-overview/
If so, try creating a block element hook instead:
https://docs.generatepress.com/article/block-element-hook/
As for the content, just add a GB headline block and with D (div)
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/headline-overview/#element
I believe that should resolve the issue.
Let me know :)
It is in a block element hook now but I still can't figure out how to get a centered vertical alignment of the phone number - it is still top aligned.
Site:
https://powerspex.global
but I still can’t figure out how to get a centered vertical alignment of the phone number – it is still top aligned.
Hmm my solution above should work - have you tried it yet?
If it's not working, can you leave the solution implemented so I can see why it isn't working?
Private reply.
The screenshot does not show my suggestion being implemented.. Specifically:
As for the content, just add a GB headline block and with D (div)
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/headline-overview/#element
That did it thank you!
No problem :)
