[Resolved] Center Button on Homepage (custom HTML)

[William]

Hello –

I was hoping someone may be able to help me align this orange button next to the email intake bar.

Here is a picture of the button. It is not centered with the email intake bar. It’s slightly lower.

View post on imgur.com

website is: https://thebullfighter.com

Thank you in advance if you have any suggestions.

[Fernando]

Hi William,

If there are no settings to achieve this through the form plugin you’re using, here is a CSS code you can try:

form.form-control {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}

form.form-control > *{
    margin-top:5px;
    margin-bottom:5px;
}

form.form-control > *:first-child{
    margin-right: 10px;
}

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Adding it through Additional CSS should work.

Hope this helps! 🙂

[William]

Thank you Fernando! This is great.

[Fernando]

You’re welcome William! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

[Author]

Posts