• 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 footer customization

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 footer customization

This topic is: resolved

Tagged: footer, parallax-pro

  • This topic has 3 replies, 2 voices, and was last updated 7 years ago by akubrin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 7, 2016 at 10:09 pm #180874
    akubrin
    Participant

    Hi StudioPressers,

    I'd like to divide my footer into three parts. I can access the footer HTML thanks to the Genesis Simple Edits plug-in, but I'm not sure what approach to take in CSS. Should I divide the footer into columns? Should I use float or padding to move the elements to the desired positions?

    Naturally I'd like the result to be responsive. What approach would you recommend?

    Thanks in advance. You're all very helpful.

    Andy

    http://speakbusinesscomm.com/
    March 7, 2016 at 11:21 pm #180882
    ᴅᴀᴠɪᴅ
    Member

    The best way would be to divide the footer into columns. The column classes are built into the stylesheet already, so you wouldn't need to change any CSS or worry about it being responsive etc.

    So the html would go like this;

    <div class="one-third first">
        // Put content for first column here
    </div>
    <div class="one-third">
        // Put content for second column here
    </div>
    <div class="one-third"> 
        // Put content for third column here
    </div>

    I love helping creative entrepreneurs build epic things with WP & Genesis.

    Follow on Twitter

    March 9, 2016 at 11:47 am #181023
    akubrin
    Participant

    Hi David,
    Yes, that worked.
    Thanks once again. I really appreciate it!
    Andy

    March 9, 2016 at 9:32 pm #181091
    akubrin
    Participant

    Hi David,

    It worked, but I have a couple of follow-on questions.

    Is it possible to align the columns independently? I'd like to left-align the left column and center the center column. I added text-align: left; to the one.third class, but it aligned both columns.

    Also, I'm puzzled by the "one-third first" statement in the first div. Shouldn't there be a corresponding "one-third first" selector in the CSS? There is not. So what function does "one-third first" play?

    Thank you.

    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Parallax Pro footer customization’ 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