Archived topic
Form in Element
8 replies · Started by Janet Davis on November 7, 2019
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
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 :)
Sorry didn't see it when I checked.
and yes the width is set by the form itself:
https://www.screencast.com/t/vlVNogzDG
Thank you.
A css override didn't work.
I guess I must go back to the form.
Thank you
Hmm CSS should work I think.
Try this:
@media (min-width: 769px) {
.page-hero .awbr-grid {
max-width: 80%;
margin: auto;
}
}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
Never mind-
I played with the percentage so it looks great on all devices.
THanks please close
Sounds good.
I've updated the code above so it's desktop only if you need it :)
