Narrow content inside column with

Get Help
, ,
1

Hello

I have a set-up using the Avada Wordpress theme where the layout is split into two containers: the first is one-third width, the second is two-thirds width. The two-thirds width column is meant to contain the product price/cart information and uses the Gravity Forms Product Add-ons plugin.

The two thirds column s only showing a very narrow representation of the actual Gravity Form and columns, not taking advantage of the full width of the two-thirds column. You can see the problem here, on the right hand side: Players Fall League 2024 – Indoor Golf Clubs – Kitchener

I have used the Avada theme with Gravity Forms and Gravity Forms Product Add-ons in custom layouts on at least a dozen websites and never had this problem. The primary difference here is that we did not design the initial site, nor is it hosted on a preferred ISP (it uses GoDaddy). I have taken several troubleshooting steps (disabling plugins, etc.) and also checked to see if the previous developer had any CSS that might impact this and couldn’t find any.

We need the forms to take up the full two-thirds column, especially as there is a list field that has several columns that must be filled out.

Thanks for any assistance.

2

I resolved part of my problem by targeting the individual column widths, however now I am faced with another problem. At the original link (Players Fall League 2024 – Indoor Golf Clubs – Kitchener) you will see the column widths are now changed, but the headers do not line-up. I have tried to target the headers with the following :

#field_4_1.gfield .gfield_list_header.gform-grid-row {width:120px !important;}
#field_4_2.gfield .gfield_list_header.gform-grid-row {width:120px !important;}
#field_4_3.gfield .gfield_list_header.gform-grid-row {width:150px !important;}
#field_4_4.gfield .gfield_list_header.gform-grid-row {width:120px !important;}
#field_4_5.gfield .gfield_list_header.gform-grid-row {width:40px !important;}

but it does not perform as expected. It actually narrowed all the headers to be quite small.

How do I target the headers to be the same width as the column fields?

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.