[Resolved] Form in Element

[Janet Davis]

Hello,
I have a form in the elements Hero on my homepage.
I’ve been trying to make it smaller through the form builder, but it isn’t getting any smaller.

The form is doing responsive for each device which is good. But it still too big.
I would like it to be about 80%.

Is this something I can rectify with code in the element or?

Thank you
Janet

[Leo]

Hi there,

The size of the form should be determined by the form itself and not through header element.

I can double check if you can guide me to where the form is visible?

Let me know 🙂

[Janet Davis]

It’s on the homepage:
https://goodnessreview.com

Is this what you’re meaning?

Thank you

[Leo]

Sorry didn’t see it when I checked.

and yes the width is set by the form itself:
https://www.screencast.com/t/vlVNogzDG

[Janet Davis]

Thank you.
A css override didn’t work.
I guess I must go back to the form.
Thank you

[Leo]

Hmm CSS should work I think.

Try this:

@media (min-width: 769px) {
    .page-hero .awbr-grid {
        max-width: 80%;
        margin: auto;
    }
}

[Janet Davis]

Leo,

That worked great on the desktop!
Is there a way to add additional code for the phone so it’s not so small.

Sorry.
Janet

[Janet Davis]

Never mind-
I played with the percentage so it looks great on all devices.

THanks please close

[Leo]

Sounds good.

I’ve updated the code above so it’s desktop only if you need it 🙂

[Author]

Posts