[Resolved] display the services

Home Forums Support [Resolved] display the services

Home Forums Support display the services

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #115589
    Sathish Kumar KP


    I want to create multiple small paragraphs as like http://generatepress.com/ to display the services offer with icons in my webiste. Could you please help me to achieve this?


    Adrian Cojocariu

    Sure man.

    You just have to know a little HTML.

    You can use divs for that. We will set a class grid-33 to make every div 33% of the screen, which means only 3 divs will fit the screen. The smaller the size of the screen gets, the divs will stack one upon another.

    First let’s get rid of Font Awesome problem. This is where Tom took the Icons from.


    If you have GP Premium, just use GP Hooks and select the wp_head section, and insert this.

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    Then you can use any of these: http://fortawesome.github.io/Font-Awesome/icons/

    You can find instructions for size and other stuff on their site.

    Then, in a page you can activate Sections, or just simply add the divs anywhere. But you will have to add them as HTML text, not in the visual editor.

    <div class="grid-33">

    Then you just add another and another and another, and so on.

    TIP : You can right click anything on any page and click inspect element ( on Google Chrome ) and you will see the HTML in the right, you then can try to replicate.

    Lead Developer
    Lead Developer

    Font Awesome is actually built into GP – no need to add that to wp_head πŸ™‚

    Using the grid system like that is perfect, especially if you don’t want to install any other plugins.

    If you don’t want to mess with HTML, you can use my grid columns plugin: https://wordpress.org/plugins/lightweight-grid-columns

    Adrian Cojocariu

    LoL man I gotta check out all your plugins πŸ˜€ I thought Lightweight social media was the only 1.

    Lead Developer
    Lead Developer

    Lightweight Grid Columns is the newest one πŸ™‚

    Adrian Cojocariu

    ^_^ It will ease my work a lot, thx !

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