• 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

Enterprise Pro Theme – Add a 4th Widget to Home – Bottom

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 › Enterprise Pro Theme – Add a 4th Widget to Home – Bottom

This topic is: not resolved

Tagged: 4th widget; enterprise pro; homepage

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 10 months ago by Brad Dalton.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 21, 2014 at 10:09 am #115203
    trevors
    Member

    Hi All,

    I like to add a 4th widget box to the bottom of the home page of Enterprise Pro.....the standard configuration is 3 boxes. The site is not live yet but it's the standard configuration so there hasn't been much, if any change to the original template.

    Any help with would be greatly appreciated, thanks!

    July 21, 2014 at 10:33 am #115205
    Brad Dalton
    Participant

    Line 1212 of your style.css file contains the code you need to modify so it displays 4 widgets

    
    .home-bottom .widget {
    	background-color: #fff;
    	border-radius: 3px;
    	border: 1px solid #ececec;
    	box-shadow: 0 1px #ececec;
    	float: left;
    	margin-left: 2.5%;
    	padding: 40px;
    	width: 22%;
    }
    
    .home-bottom .widget:nth-child(4n+1) {
    	clear: both;
    	margin-left: 0;
    }
    

    Change the values to display 4 widgets.


    Tutorials for StudioPress Themes & WooCommerce.

    July 21, 2014 at 4:49 pm #115268
    trevors
    Member

    Brad, thanks for jumping in so quickly. I updated the css file and the sizing looks correct however the 4th widget is being pushed down onto the next row, so it appears under the 1st widget in the Home - Bottom. Any thoughts on this?

    July 21, 2014 at 7:15 pm #115279
    Brad Dalton
    Participant

    Works perfectly for me.

    Did you clear any browser, plugin or server side caching?


    Tutorials for StudioPress Themes & WooCommerce.

    July 23, 2014 at 10:11 am #115527
    trevors
    Member

    Hi Brad,

    Still not working. The site is not live yet. Can I privately send you login credentials to have a quick look?

    July 23, 2014 at 10:23 am #115530
    Brad Dalton
    Participant

    Please use the contact form on my site http://wpsites.net/contact/


    Tutorials for StudioPress Themes & WooCommerce.

  • 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

© 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