- This topic has 7 replies, 2 voices, and was last updated 2 years, 12 months ago by
.
-
Posts
-
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?
Customer Support
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/#elementI 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.globalbut 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/#elementThat did it thank you!
No problem 🙂
- You must be logged in to reply to this topic.
