Lyrical Theme Hero Widget Position
-
Hi,
I am using Primer’s Child Theme, Lyrical. I have been figuring things out on my own for the past 3 hours, and still couldn’t figure out the CSS behind adjusting the position of the Hero Widget in the Header. The default widget is positioned on the right, the text is aligned to the left.
What I need is: for the widget to be positioned in the center of the header/page, and any text aligned to the center as well. Can someone kindly help me (either with customizing the CSS stylesheet, or additional CSS)?
This is the github link to the Lyrical Theme: https://github.com/godaddy/wp-lyrical-theme/
This is a screenshot of the default (how the widget being positioned on the right): https://img1.wsimg.com/templates-wp/weddingconsultants-lyrical-thumb.jpg
Thanks!
-
Hi @charlestayjc,
Do you have a link to your website? I’d be happy to provide you with some CSS that will get the widget centered and looking just how you need.
Evan
Hi @eherman24,
I have sent you the link via the contact page on your website (just so that it’s not on a public forum).
I appreciate your help! Thanks Evan!!!
Hi @charlestayjc,
You can try using the following bit of CSS to center the widget:
.hero .widget { float: none; display: block; margin: 0 auto; text-align: center; }You can add that to your ‘Additional CSS’ section inside of the customizer. You can get there from the dashboard by heading into ‘Appearance > Customizer > Additional CSS’.
Let us know how that works.
Evan
Hey Evan,
It worked! Thank you very much, words can’t express how grateful I am; spent hours trying to get it right.
Cheers,
Charles-
This reply was modified 8 years, 5 months ago by
charlestayjc.
Awesome! It’s not a problem at all. Glad that I could help out and get things working for you.
Have a great rest of your day!
Evan
-
This reply was modified 8 years, 5 months ago by
The topic ‘Lyrical Theme Hero Widget Position’ is closed to new replies.
