• 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

Metro Theme – Adding 4th Footer Widget to styles.css file

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 › Metro Theme – Adding 4th Footer Widget to styles.css file

This topic is: resolved

Tagged: add footer widget, css, footer widget, Metro child theme

  • This topic has 5 replies, 2 voices, and was last updated 4 years, 9 months ago by DJ Carl.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 29, 2020 at 1:35 pm #501253
    DJ Carl
    Participant

    I read this page:
    https://my.studiopress.com/documentation/tutorials/widget-areas/add-footer-widgets-to-your-genesis-child-theme/

    I did what was written for 4 footer widget for the functions.php file, however, what is the CSS code for 4 footer widget for the styles.css file?

    3 column footer widget --> 4 column footer widget:

    .footer-widgets {
    background-color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    clear: both;
    padding: 60px 0;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    width: 380px;
    }

    .footer-widgets-1 {
    margin-right: 70px;
    }

    .footer-widgets-1,
    .footer-widgets-2 {
    float: left;
    }

    .footer-widgets-3 {
    float: right;
    }

    THANKS!

    https://djcarlcom.stage.site/hip-hop-music-2020/
    September 29, 2020 at 6:23 pm #501256
    AnitaC
    Keymaster

    You could try adding this instead. See if that works for you.

    //* Add Four footer widgets
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
     width: 25%;
     padding: 1%;
    }
    
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
     float: left;
    }
    
    .footer-widgets-4 {
     float: right;
    }
    

    Need help with customization or troubleshooting? Reach out to me.

    October 3, 2020 at 3:35 am #501301
    DJ Carl
    Participant

    Hi Anita,

    I got the below message when I tried to change this [https://djcarl.com/_website/functions-screenshot.jpg]

    "Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP."

    May have to get someone more experienced to mess around with this ;(

    October 3, 2020 at 8:16 am #501308
    AnitaC
    Keymaster

    @djcarl that means you need to use FTP or your File Manager to update the file instead of using the dashboard.


    Need help with customization or troubleshooting? Reach out to me.

    October 4, 2020 at 1:39 pm #501327
    DJ Carl
    Participant

    Thanks, Anita!

    Yep! FTP worked 😉

    I just need to figure out how to ADD the 4th column Footer?
    website screenshot

    Here is my dashboard view

    October 6, 2020 at 8:38 pm #501361
    DJ Carl
    Participant

    Hey Everyone!

    How does one add the 4th column in the footer? - See screenshot

    Here is my dashboard view.

    Please advise

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 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