• 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

Separating sections in siderbar-Beautiful Pro theme

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 › Separating sections in siderbar-Beautiful Pro theme

This topic is: resolved

Tagged: beautiful pro, css, siderbar, titles, widgets

  • This topic has 2 replies, 2 voices, and was last updated 11 years, 4 months ago by hbollinger.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 24, 2014 at 3:11 pm #132695
    hbollinger
    Member

    I'm using the beautiful pro theme and I want there to be a faint line to divide each section in my sidebar. Is there a way to do this? I'm trying to define the areas on the sidebar a little more.

    Thanks.

    http://wovenbeautiful.com
    November 26, 2014 at 5:55 am #132856
    Pixel Frau
    Member

    I can't see your actual site since it's in maintenance mode, but this works on the Beautiful Pro demo:

    change:

    .sidebar .widget {
    margin-bottom: 60px;
    }

    to this:

    .sidebar .widget {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #ddd;
    }

    Adjust the padding and border styling however you'd like.

    November 26, 2014 at 8:49 am #132870
    hbollinger
    Member

    Perfect, that worked! Thanks Julia! Also, I apologize that you couldn't see my site. I've been trying to keep it in maintenance mode as much as possible as I'm getting it set up. It's out of maintenance mode for the time being.

    Thanks,
    Hannah

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Separating sections in siderbar-Beautiful Pro theme’ is closed to new 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