- This topic has 5 replies, 3 voices, and was last updated 5 years, 4 months ago by Adrian Cojocariu.
June 19, 2015 at 9:51 am #115589Sathish 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?June 19, 2015 at 12:57 pm #115612Adrian Cojocariu
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"> <h2>Title</h2> <p>Content</p> </div>
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.June 19, 2015 at 1:32 pm #115623TomLead DeveloperLead 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-columnsJune 19, 2015 at 1:39 pm #115629Adrian Cojocariu
LoL man I gotta check out all your plugins 😀 I thought Lightweight social media was the only 1.June 19, 2015 at 1:40 pm #115631TomLead DeveloperLead DeveloperJune 19, 2015 at 1:41 pm #115632Adrian Cojocariu
^_^ It will ease my work a lot, thx !
- You must be logged in to reply to this topic.