• 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

Customize sidebar list

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 › Customize sidebar list

This topic is: not resolved

Tagged: css, Sidebar, style, widget

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 4 months ago by TobyElwin.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 11, 2013 at 6:52 am #61902
    TobyElwin
    Member

    My current sidebar widgets could use a bit of space between entries and some different style. I am not sure where/what/how to modify, despite using Firebug to poke around.

    Here is an example of what I might want to modify it to.


    Toby Elwin

    http://www.tobyelwin.com/blog
    September 11, 2013 at 9:07 am #61932
    [email protected]
    Member

    Hey Toby - Let me suggest you start by using Firebug on the resource page example you gave. Take a look at what they've done, and see if that gives you inspiration.
    The where / what / how of this is 99% modifying the css of your child theme, and most likely you'll be writing some new css to get your desired effect.
    A "secret" that I keep coming back to is that most every element in Genesis is wrapped in its own id attribute, followed by a class. So a lot of the parts of the Framework are referenced in this pattern.
    For example, a widget named 'Home Widget 1' might have an id of #HomeWidget1 followed by a class .widget-class ... so you can get into the css and be pretty specific about the scope of the style you want to assign.
    Give that a shot, maybe by modifying the background color only of the id you're after, see if you get some success, and then you'll be able to refine your choices pretty easily.
    -D

    September 15, 2013 at 9:29 am #62634
    TobyElwin
    Member

    Thank you for the suggestions, I just need to carve the time for the research and to map out the approach. I will follow up if I get it done.

    I just changed my site after 4 years of Thesis over to Genesis, interesting trade offs between the two.


    Toby Elwin

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