• 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

Genesis Featured Widget Amplified Styling Help

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 › Genesis Featured Widget Amplified Styling Help

This topic is: not resolved
  • This topic has 6 replies, 2 voices, and was last updated 11 years, 11 months ago by black9design.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 31, 2014 at 10:51 pm #122166
    briandress
    Member

    Hey everyone. I am really stuck at the moment. I want to use the featured posts/widget amplified plugin to show my three most current blog posts next to a subscription form near the bottom of my home page.

    My initial thought was that i could do a one third column for the form and a two thirds colum on the right for the posts. I am very new to design so please be gentle on me lol.

    anyway, the plugin outputs the posts in a vertical layout. This would be nice in a sidebar but I would like them layed out horizontal in a bar near the bottom of the home page. Any help is greatly appreciated.

    Thanks!

    August 31, 2014 at 11:04 pm #122168
    black9design
    Member

    You can add the following to your styles.css. make sure to replace .class_name with the name of the section you will be putting the widgets into such as footer-widgets, or home-top, or home-middle etc.

    This will display the widgets side by side.

    .class_name .widget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
    }

    .class_name .widget:nth-of-type(2n+1) {
    clear: left;
    }


    I specialize in child theme customizations and The Dynamik Website Builder
    Visit me here: Black9Design.com | ParkerWadeSmith.com | AllThingsGenesis.com

    August 31, 2014 at 11:13 pm #122170
    briandress
    Member

    I will give it a try.

    I dont understand the second section of code you posted

    also, the way I am entering in the widget is by "shortcode any widget" is there another way to enter the widget in my code?

    August 31, 2014 at 11:24 pm #122174
    briandress
    Member

    i think i did it wrong haha

    this is what i have in the custom css
    .featured-posts-3 .widget.featuredpost.blogwidget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
    }

    .featured-posts-3 .widget.featuredpost.blogwidget:nth-of-type(2n+1) {
    clear: left;
    }

    August 31, 2014 at 11:55 pm #122177
    briandress
    Member

    this is a link to the site in case you guys want to look at it. again, thanks so much for your insight. it is very appreciated

    http://staging-timeastman.imagediversified.com/371-2/

    September 1, 2014 at 11:49 am #122248
    briandress
    Member

    anyone with any insight here?

    September 1, 2014 at 2:23 pm #122269
    black9design
    Member

    hope that helps you.


    I specialize in child theme customizations and The Dynamik Website Builder
    Visit me here: Black9Design.com | ParkerWadeSmith.com | AllThingsGenesis.com

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 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

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