[Resolved] Lightweight Grid Columns X Shortcodes Ultimate

Home Forums Support [Resolved] Lightweight Grid Columns X Shortcodes Ultimate

Home Forums Support Lightweight Grid Columns X Shortcodes Ultimate

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #484131
    Feri

    Hi Tom and Team,

    Previously i install Shortcodes Ultimate to make some column text etc until i found your plugin Lightweight Grid Columns. so i decided to change my plugin to Lightweight Grid Columns.

    The problem is about css and styling,

    1. How to make colunm text with fontawesome like this with Lightweight Grid Columns? LINK https://getshortcodes.com/shortcodes/service/

    I try to make like that but the result is icon appearing above text (link included).

    2. The second question, i really love landing page / home page WordPress.org especially “Powerful Features” part. screenshot: https://prnt.sc/i7zflp
    Is it possible to have column or list like wordpress .org with your plugin Lightweight Grid Columns?

    Thank you.

    #484182
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    1. The icons aren’t showing up because you’re only loading the essential icons in GP. You can turn on Font Awesome in Customize > General.

    2. Which part specifically? The borders between squares?

    #484235
    Feri

    1. actually the icon is showing but in above text. how to make icon beside text like this? (https://getshortcodes.com/shortcodes/service/)

    2. both of icon and the border.

    #485019
    Tom
    Lead Developer
    Lead Developer

    1. I’m not seeing the icon, and your HTML source is telling me you’re not loading the full library. You may want to look into that.

    To show the icons on the same line as the title, you need to do this:

    <h3><i class="fa fa-heart"><!-- icon --></i> My title here</h3>

    2. You could try this:

    .lgc-column {
        border: 1px solid #ddd;
    }
    
    .lgc-column.lgc-first {
        border-right: 0;
    }
    
    .lgc-column.lgc-last {
        border-left: 0;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.