• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro – How to add new widget areas side by side?

This topic is: resolved

Tagged: new widget, parallax-pro, side by side, Sidebar, widget area

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 3 months ago by guitario.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 15, 2015 at 4:51 am #168198
    guitario
    Member

    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/
    October 16, 2015 at 5:55 am #168276
    Victor Font
    Moderator

    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?

    October 16, 2015 at 7:28 am #168282
    guitario
    Member

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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Parallax Pro – How to add new widget areas side by side?’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble