Pro - Footer columns

CulturalInfusion · September 5, 2018, 12:57am

Hi,

I have been having issues with creating/controlling the footer, using Pro.
I have saw the Flex box video and I keep on not understanding the logic. Seems super cool, but only with a weird and long learning curve that apparently I am not nailing it.

So, I have tried to have a logo on the left and 3 inline menus aligned to the right, didn’t work. (even after seeing the video and some other tutorials).
Now, I am trying to have a logo on the left a form (gravity form) on the right. The problem now is the form container that is way too small, and I am not finding a way to make it wider (even with all the controls the Pro offers).
This is so frustrating.

Can you help?

Thank you

friech · September 5, 2018, 6:37am

Hi There,

Thank you for writing in, that’s fine I personally also having a hard time understanding flexbox when I started learning it. You will understand it better with more practice.

Play with the bar’s horizontal flex layout option, you might get the looks that you want without touching the containers.

Set your Container’s Flex Grow if you want your container to take up some space on the bar, like Kory’s said on the video, he set it to 0 if he does not want the container to grow and 1 if he wants it.

Hope this helps, if not please provide us a mockup design so we can have a better idea of what you’re trying to do.

Cheers!

CulturalInfusion · September 6, 2018, 12:09am

Hi friech,

Thank you for your encouraging words.
Unfortunately that didn’t help. I had already played with it but the only results I get is the container moving from left to right or centre, but the width of the container never changes.

The element I am using is a text with a code that fetch the form.
See attached image: Top is what I get, bottom is what I want.

Thank you

friech · September 6, 2018, 4:59am

Hi There,

Perhaps the adjustment you need to make now is on the form itself.

How to Change Width of Gravity Forms

Hope it helps,
Cheers!

CulturalInfusion · September 7, 2018, 12:58am

Perhaps.
I prefer to avoid plugins for small things that can be achieve through CSS, but I will give it a try.

Thank you

ruenel · September 7, 2018, 2:04am

You’re most welcome.
If you need anything else we can help you with, don’t hesitate to open another thread.

CulturalInfusion · September 12, 2018, 12:35am

Hi again,

So, I give it a try with a plugin to edit GF, but everything works (colors, fonts, etc) but not the width. If i try to change the width same thing happens, the current (small) width just moves from left to right but it never gets wider.
This means, that the problem is somehow on Theme X side.

Can someone help me?

Cheers

CulturalInfusion · September 12, 2018, 4:36am

Found a solution.
Had to find (with a lot of effort) a CSS code to edit the width of the field, because plugins can’t do it.

I add the CSS code for my form ID 1.
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {width: 250px}