Archived topic

Center Button on Homepage (custom HTML)

3 replies · Started by William on February 28, 2022

Viewing posts 1–4 of 4

February 28, 2022 at 8:08 pm #2137299

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.

https://imgur.com/a/4oi8ImH

website is: https://thebullfighter.com

Thank you in advance if you have any suggestions.

February 28, 2022 at 8:55 pm #2137321

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! :)

March 1, 2022 at 7:33 am #2137944

Thank you Fernando! This is great.

March 2, 2022 at 5:12 pm #2140125

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

This archived topic is closed to new replies.

Start building better websites today.