Could you update your plugin? It was updated 5 years ago.

Thank You!

In tablet size (width<=1024) lgc-clear has “display: none;” which I think means that there’s no “line break” after the last entry in a non-full column. I think the fix is in file css/unsemantic-grid-responsive-tablet.css around line 1513 – change “display: none;” to “display: block important;” e.g.

@media (max-width: 1024px) {
        .lgc-clear {
                /*
                display: none;
                */
                display: block important;
        }
}

Hope that helps!

Hello,
I have a single block of text in WPBakery that is a list.
How do I convert that block of text into 2 columns?
I tried to use the Lightweight Grid Columns but the text remained in 1 column.

Sincerely,
DeWayne

“Warning: This plugin has not been tested with your current version of WordPress.”

Do you have plans to test it?

I just read under Git Hub that you are no longer supporting this plugin. Is that true?

If so is it still okay to add it or would this plugin cause a risk for hackers?

I really like this plugin but do not want to put all the effort of using your shortcodes if you are no longer going to update the version to WP and maintain the code.

Please let me know, thank you ??

Jennifer

P.S. If you are going to support this and I read it wrong when will you update to the most current WP version?

Right now we are at 5.4.2 and your version currently is 5.1.6

Hi,
When adding a ?div style=””??/div? to style content inside an lgc grid column, the final page html gets a ?p??/p? at the bottom end (inside) of that column.
This is generating an unwanted extra line at the bottom and disrupts the layout. Can this be avoided? Thx,
webmiorelys

Hi,

Your column plugin is great but is it possible to change background color?

Using left sidebar has its complications in gp when selecting bg color.

Thanks if you can advise. Perhaps there is a shortcode but not seeing on plugin page.

• This topic was modified 4 years, 10 months ago by rob33.

Can you tell me please how to add a vertical line between columns using Lightweight Grid Columns.

Thank you

adding the third row, pushes the menu down. Tried different length, changing products, but whatever I do, adding something in the third row, messes up the screen.
working with 3 items in a row:

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ equal_heights=”true”][/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ equal_heights=”true”][/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ equal_heights=”true” last=”true”]
[/lgc_column]

I use this plugin but I don’t solve this issue: the tree box haven’t the same height with the tree bottoms align equal.
I use the shortcode equal_height=”true”

The shortcodes in this plugin are incompatible with the current version of WP. Shortcodes display as regular text on wordpress pages.

on my main page I see:

[lgc_column grid=”40″ tablet_grid=”40″ mobile_grid=”100″ last=”false”]

Hi,
I’m looking to use this to have just one column at 70% width but I can’t seem to center this on the page. Any suggestions?
I’ve tried with two 15% widths either side but these don’t appear unless content is in them. Also tried center tags and some CSS but can’t seem to get it.

Hey, the shortcode stoped working (showing blank space) when integrated in popup (using Popup Maker plugin). Please find below the answer from their support team. Is there any workaround ? if not, is there any way to integrate the solution they mention in the next release ?

Many thanks in advance.

===

Ultimately we may be at an impass. We have recently discovered that shortcodes were getting processed more than once for each popup. So forms that set the id of the form based on how many times it was rendered already no longer functioned correctly.

This led to massive optimization of those processes.

We have always processed shortcodes in wp_head, but up until recently those contents were ignored.

Then shortcodes were reprocessed in the footer when the popup was rendered.

Now we process them in the head (required for most form plugins to properly load assets), save that processed content and render it in the footer.

What this likely means is the plugins you named are not properly registering their shortcodes in time (should be registered no later than init, though WordPress doesn’t suggest using any hook to add them, so they should be added as early as possible.

This results in them not getting rendered.

If you mean they render something other than [shortcode] or just emptiness, then it likely means their assets didn’t load for some reason.

We obviously can’t leave inperformance code like that lingering, so we are not 100% what the right solution is gonna be going forward. Running it twice isn’t really an option, and some plugins refuse to work if we don’t call it in the footer only, others won’t work if we don’t call it in the head.

One thing is we are moving everything to the new body_open hook, but this likely won’t cause shortcodes to work differently than they are already.

Hi!
In page
https://www.festivaltest.cat/inici-2019-new/
there is a blank space at the beginning of the second (last) column. How can I remove it?
I need to align content to top, like the first column.
Please, help!

thanks!

Someone suggested this plugin to me but I can’t see that’s it’s compatible with Elementor? Am I missing an activation button?

This is not a support request. I found a glitch and I’m sharing a workaround:

After running the WP 5.2 update on a few sites using LGC with a search shortcode, I noticed the search form was no longer being output inside LGC. It was being output ABOVE both columns. In other words, the form HTML had been structurally moved ABOVE both of the LGC columns. The column that should contain the form was now empty.

I was using the following code via the child theme functions.php file to create the search shortcode:
add_shortcode('customsearch', 'get_search_form');

I replaced it with a custom search form …like this:

function customsearchform( $form ) {
 
    $form = '<form role="search" method="get" id="customsearchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';
 
    return $form;
}
add_shortcode('customsearch', 'customsearchform');

And the form is now being output inside the column again.

I’m still not sure why this is happening; whether it’s specific to LGC or if it’s a WP 5.2 bug. Maybe Tom can shed some light on this.

Hi there,

just wanted to let you know that it seems there are some themes in which this plugin won’t work properly, it shows all the elements one under the other left aligned, like normal text.
Try with “Innofit” or “Minimal Dark” (using WP 5.1.1)

Thanks in advance for taking a look!

Hi there,

I want to have a section on generatepress, where i have added the lightweight grid colums to seperate it into 3 sections within that section

is there a way to have background images for each section that are responsive?

would css be the best way to do this

I’m having problems with a basic Ninja form. It doesn’t work. Am I doing this wrong?

[lgc_column grid="30" tablet_grid="20" last="false"][/lgc_column]
[lgc_column grid="40" tablet_grid="60" mobile_grid="100" last="false"][ninja_form id=1][/lgc_column]
[lgc_column grid="30" tablet_grid="20" last="true"][/lgc_column]

Please help!

Hey. I’m digging this light plugin which forces me to custom style content instead of being lazy with builder blocks.

I’m using GP with a Page Builder contained page. I’d like the CTA section near the bottom to be full screen width. Is there a way to dot his or do I need to have the page in full screen mode and just add R + L padding columns to my content to make it appear contained?

Thanks

Hi Tom,
First of all, thanks for GeneratePress. I love working with it!

One of my favorite parts of GP is ability to with sections. However, the button for Lightweight Grid Columns does not show up on the toolbar when editing a section. For the same site, it does show up in the editor toolbar if I’m using a normal page’s editor. Once I turn on sections, it disappears.

As of now I will use shortcodes, but didn’t know if there was a fix for this that I was missing.

Thanks!

Jason

Hi, is it possible to nest columns. i.e. two columns each with two columns within?
Jim

Hi @edge22 and Good New Year! ??

I’ve just installed your wonderful Lightweight Grid Columns (that I consider a truly essential tool for those who need minimal freedom of composition!).

I would like to reorder the columns (mobile/tablet/desktop), and I’ve seen the previous post and I acted as per your directions, but something goes wrong. The push and pull class seems doesn’t works.

I’ve compared my page with Daniel page and seems that the style sheet “unsemantic-grid-responsive-tablet.min.css” not be hooked.

In fact if you compare the Daniel page with mine you will see that the class “.push-50” is missing (on mine).

DESKTOP:

text image —–> (no class)
image text —–> (classed)
text image —–> (no class)
image text —–> (classed)

MOBILE:

text
image

text
image

text
image

text
image

EXAMPLE SHORTCODE USED:

[lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="false"]
<h2 style="text-align: left;"><span style="color: #cf9f24;">01</span> - CONTACT US</h2>
In optio ut quis aut quas eum repellendus possimus. [/lgc_column]
[lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="true"]<img class="aligncenter size-full wp-image-4972" src="https://www.example.com/wp-content/uploads/2018/12/01_Contact-us2-1.jpg" alt="" width="100%" />[/lgc_column]

[lgc_column grid="50" tablet_grid="50" mobile_grid="100" class="push-50" last="false"]
<h2 style="text-align: left;"><span style="color: #cf9f24;">02</span> - THE TRAVEL</h2>
In optio ut quis aut quas eum repellendus possimus. [/lgc_column][lgc_column grid="50" tablet_grid="50" mobile_grid="100" class="pull-50" last="true"]<img class="aligncenter size-full wp-image-4973" src="https://www.example.com/wp-content/uploads/2018/12/02_Volo2.jpg" alt="" width="100%" />[/lgc_column]

Where am I doing wrong? Or something has changed in the software (downloaded from Github)?

Many Thanks!

Davide

• This topic was modified 6 years, 2 months ago by danjde.

Is there a way to amend the code so words don’t get broken at the end of the line?

I’m using custom theme, is it possible to use your plugin on page with custom themes?

Hello!

I want to use Grid Columns in page.php template.

Can i display Grid Columns in .php files?

If so, can i do this?

Hi there, I am inserting a horizontal rule in between clusters of the columns and the line shows when viewing on my desktop, but disappears when resized for mobile.

This is what my code looks like:

<h5 style="line-height: 1.2em;">Inc Magazine | June 28, 2018</h5>
<h4 style="line-height: 1.2em;"><a href="https://www.inc.com/robert-glazer/this-group-has-figured-out-how-to-teach-kids-entrepreneurship-you-can-learn-from-it-too.html" target="_blank" rel="noopener">This Group Has Figured Out How to Teach Kids Entrepreneurship. You Can Learn From It, Too</a></h4>
[lgc_column grid="20" tablet_grid="20" mobile_grid="30" last="false"]<a href="https://www.inc.com/robert-glazer/this-group-has-figured-out-how-to-teach-kids-entrepreneurship-you-can-learn-from-it-too.html" target="_blank" rel="noopener"><img class="aligncenter size-thumbnail wp-image-5644" style="width: 100%; margin: 0;" src="https://www.buildinboston.org/wp-content/uploads/2018/06/getty_603298882_361799-150x150.jpg" alt="Inc. Magazine" /></a>[/lgc_column]

[lgc_column grid="80" tablet_grid="80" mobile_grid="70" last="true"]<em>American students have years of history, English, and calculus lessons--yet they have had no hands-on, experiential learning to prepare them to compete in the workforce.</em>[/lgc_column]

<hr>

<h5 style="line-height: 1.2em;">CBS Boston | February 23, 2018</h5>
<h4 style="line-height: 1.2em;"><a href="https://boston.cbslocal.com/2018/02/23/ayele-shakur-build-greater-boston/" target="_blank" rel="noopener">BUILD Gives Boston Students Tools To Become Entrepreneurs</a></h4>

[lgc_column grid="20" tablet_grid="20" mobile_grid="30" last="false"]<a href="https://boston.cbslocal.com/2018/02/23/ayele-shakur-build-greater-boston" target="_blank" rel="noopener"><img class="aligncenter size-thumbnail wp-image-5644" style="width: 100%; margin: 0;" src="https://www.buildinboston.org/wp-content/uploads/2018/02/CBS-AYele-150x150.png" alt="CBS News" /></a>[/lgc_column]

[lgc_column grid="80" tablet_grid="80" mobile_grid="70" last="true"]<em>Boston is a hub of economic activity, but not always opportunity, which is where Ayele Shakur comes in.</em>[/lgc_column]

<hr />

I’ve also tried wrapping the h4 and h5 headlines in a shortcode for a 100% column and got the same result.

I’d appreciate any help you can offer!

On my website page, the blue box title “What is Hypnotherapy?” splits away from the main box, when Lightweight Grid Columns enters Tablet mode (as I change the width of the Browser).

I’ve tried it with Firefox and Chrome. I can’t figure out whether the issue is with Lightweight Grid Columns, WordPress, or some other issue.

Hi!
I use lgc plugin into a visual composer Row.
My problem is that in the second column (last) the content is not vertical aligned to top (see screenshot).
How can I do that?
I tried to adding equal_heights=false and style:margin-top=-10px into the second column shortcode, but it doesn’t works.

Also, in mobile view, appear this not desired space (see screenshot).

Can you help me?

(my page is still in maintenance mode)

• This topic was modified 6 years, 9 months ago by jpujolcat.
• This topic was modified 6 years, 9 months ago by jpujolcat.

Hi there!

Is there a way to reduce space between the rows?
Padding top/bottom seems not having any effect.

Many thanks in advance and thanks for your great work!

Cheers,
Tiz