Support » Plugin: Lightweight Grid Columns » Reorder column content [2]

  • 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 5 months, 2 weeks ago by  danjde.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • …I’ve found that substituting

    "push-50" (or pull) with

    "lgc-push-50"

    this does works fine.

    Why? :-\

    Thanks!

    Davide

    • This reply was modified 5 months, 2 weeks ago by  danjde.
    Plugin Author Tom

    (@edge22)

    The classes inside LGC use the lgc- prefix.

    The reason it was working without the prefix for them is the theme (GeneratePress) has those classes.

    Well, but why do you suggest this example on your WordPress plugin FAQ:

    [lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ class=”push-25″]Some content[/lgc_column]

    where you are suggesting to use the shortcode:

    push-25

    and not

    lgc-push-25

    as now you tell me.

    Could be appropriate to correct your FAQ?

    Thanks again!

    Davide

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.