Parallax Pro – How to add new widget areas side by side?

[guitario]

Hi, I am trying to modify one of my home sections on the front page of Parallax Pro so that the home section (lets say section 3), contains 2 rows of 3 widgets. For a visual example, please check out the second home section from the website - https://ninjaforms.com/

As you can see there are 6 text widgets, each sitting inside it's own widget area/sidebar

My test website is http://www.jamieflexman.com/ and I haven't decided which home section to add it to yet, but it will probably be the third one down (currently with a latest posts widget). I'm using a test site to figure out stuff before redesigning the main website.

So can anyone help me with the php and css required to achieve this please? It also has to be fully responsive so that when viewed on a mobile, the widget areas stack on top of each other (as they do on the ninjaforms website).

I have some experience with html/css but I'm a php idiot, so please treat me like one.

Thanks in advance.

http://www.jamieflexman.com/

[Victor Font]

The ninja forms website is creating that effect with a single text widget. Within the text widget they are using Genesis column classes like this:

<div class="features">
    <div class="one-third first">
        text
    </div>
    <div class="one-third">
        text
    </div>
    <div class="one-third">
        text
    </div>
    <div class="one-third first">
        text
    </div>
    <div class="one-third">
        text
    </div>
    <div class="one-third">
        text
    </div>
</div>

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[guitario]

Thanks Victor - it seems it was far more simple than I expected.

[Author]

Posts