How to create Page Similar to Add-Ons Page ?

Hi there,

Your best bet is to Inspect Element (using Chrome, or Firebug with Firefox) on the page to see the code I used.

First, I used the Sections add-ons for the multiple sections.

Inside the add-on section, you can use this plugin to create the columns: https://wordpress.org/plugins/lightweight-grid-columns/

Then inside each column, I added another div which I added some CSS to to style it nicely.

Then it's just an image, a linked title, and a couple of HTML buttons.

<a href="#whatever" class="button green">Add to Cart</a> <a href="#whatever" class="button gray">Details</a>

.button.green, .button.green:visited {
    background: #76b711;
    color: #fff;
}

.button.green:hover {
    background: #67a00b;
}

.button.gray, .button.gray:visited {
    background: #475160;
    color: #fff;
}

.button.gray:hover {
    background: #3f4754;
}

Let me know if you need more info :)

Thanks Tom :)

No problem! :)

Hello!
I want to know how you customize content inside each column. I´m looking for sections to look like the example below:

<img src="[url=http://postimage.org/][img]http://s18.postimg.org/e89f5xw4p/model.png[/img][/url]
[url=http://postimage.org/index.php?lang=spanish]subir imagenes gratis[/url]" alt="modelo" />

Thanks in advance ;)

To achieve something like that, I would use our Sections add-on along with our columns plugin: https://wordpress.org/plugins/lightweight-grid-columns/

That should get you pretty close :)