• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Change News Pro Themes 6 Footer Widgets To 3

The News Pro theme by StudioPress includes 6 custom footer widgets which you may want to change to 3.

Here’s what the 6 default widgets look like on the demo:

6 footer widgets

And here’s what you get after following this tutorial:

3 footer widgets

Kara-Leah asked this question:

I want to reduce the number of Footer Widgets in News Pro down to three. I tried to modify the CSS, but don’t know enough and it all got out of whack.

There’s 2 simple steps you need to follow:

  1. Change the PHP code which adds support for 6 footer widgets in your child themes functions.php file to 3 on line 53
  2. Change the CSS under the Footer Widgets section on line 1537 of your child themes style.css file to the CSS code in the Gist below.

New Code

Register for full access


Note: The CSS for Media Queries needs to be integrated with your existing CSS.

Here’s the entire News Pro style sheet from a fresh download which includes all the CSS:

style.css

Footer Widgets

Reader Interactions

Comments

  1. Hervé "harvey" LE GALL says

    February 14, 2014 at 12:53 pm

    It works fine. Thanks Brad.

    Log in to Reply
  2. Nicholas says

    February 9, 2014 at 1:59 pm

    Hi, I followed these instructions exactly, and it still displays the 6 widget areas. What did I do wrong? Does it have something to do with the @media section? If so, what do I add or remove from there? Thanks.

    Log in to Reply
    • Brad Dalton says

      February 9, 2014 at 2:08 pm

      Looks like you figured it out Nicholas

      footer widgets

      Log in to Reply
  3. Rob says

    January 13, 2014 at 5:36 pm

    Thanks. Saved me some time. Had to remove a little more from the @media at the bottom of the css file but worked great.

    Log in to Reply
    • Brad Dalton says

      January 13, 2014 at 9:42 pm

      No worries Rob

      Log in to Reply
  4. Guga Fiel says

    December 25, 2013 at 5:50 pm

    Hello,
    Thank you so much for this footer change. Your tutorial are just amazing.
    Have a nice Christmas and a gorgeous 2014!
    Regards,
    Guga

    Log in to Reply
    • Brad Dalton says

      December 25, 2013 at 6:02 pm

      You’re welcome.

      Merry Xmas Guga.

      Log in to Reply
  5. Paul says

    December 20, 2013 at 6:14 pm

    Thanks very much for the tutorial – It took less than 5 minutes to get going and worked perfectly.

    Log in to Reply
  6. Glenn A says

    December 2, 2013 at 8:51 am

    This worked out pretty well for me, but the three-col arrangement looks pretty rough on the tablet and cell phone. On the cell phone it looks like the 6 col was retained, almost. On the iPad, just squishy.

    How would I apply adjustments there but retain the 3-col look as it turned out on the full-size site? Couldn’t find a happy medium.

    Thanks for posting this.

    Log in to Reply
    • Brad Dalton says

      December 2, 2013 at 1:48 pm

      Hello Glenn

      You can modify the Media Queries at the end of your child themes style.css file to suit the way you want your footer widgets to look like on different sized screens.

      Log in to Reply
  7. Bob Dunn says

    November 22, 2013 at 3:51 pm

    Hey Brad, what perfect timing. I don’t teach my clients a lot about code changes, but always watch you blog for stuff I’m doing for other clients. Was in a meeting yesterday and the client really wanted to use the News Pro theme, had a fairly specific layout in mind, and as I looked at all the SP child themes, I was thinking how could we do what they wanted without having to bring in a dev to do a custom theme.

    Well, only one piece they wouldn’t budge on, and I thought, damn, didn’t I see Brad to a tutorial recently that would solve this problem

    BAM! Perfect solution for their needs. Cheers my friend, again, perfect timing.

    Log in to Reply
    • Brad Dalton says

      November 22, 2013 at 4:01 pm

      Hi Bob

      Really like the new News Pro theme. Demo looks great and i think it will do well.

      Also like the 6 column widgets however have been asked on the SP forums how to make them 3 and knew it would come in handy for other people so whipped up a tutorial.

      Thanks for stopping by.

      Log in to Reply
  8. Keith Davis says

    November 20, 2013 at 5:30 pm

    Useful one this Brad.
    I would be pushed to come up with six items for the footer but I can manage 3… or whatever I change it to.

    Log in to Reply
    • Brad Dalton says

      November 20, 2013 at 5:34 pm

      Got this question on the forum so i think it will be useful yes.

      I thought i could just change the widget number from 6 to 3 and remove the CSS but that didn’t work so had to modify the CSS.

      Like the new News theme as well and thinking about building a site on it.

      How about yourself Keith. What do you think of the new version?

      Log in to Reply
      • Keith Davis says

        November 20, 2013 at 5:42 pm

        I love it Brad but I’m happy with Sixteen Nine at the moment.
        I’m not a great one for jumping from theme to theme.

        The tabs on the homepage are pretty good and the typography is nice and big if a tad faint.

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.