DesignMe Creative Group

207.776.5416 • MAINE & ARIZONA

fb pintrest rssicon
  • Home
  • Services
    • Websites & Social Media
    • Marketing & E-Newsletters
    • Logos & Print
    • Training & Support
  • Portfolio
    • Website Design
    • Creative Design & Branding
    • Social Media & E-Marketing
  • The Team
  • Why DesignMe?
    • Our Philosophy
    • Affordable Prices
    • Getting Started
  • Blog
  • Payment
  • Contact

April 1, 2017 By Debbie Leave a Comment

Making A Short Sidebar Full Length

full-height-sidebarI was working with a StudioPress Child Theme – Brunch Pro Theme and the designer wanted the sidebar to go all the way to the bottom of the full page text (not stop where the text ended). It just requires a little “thinking outside he box”. Basically, we just add alot to the “padding-bottom” to force the background to go all the way down. Then, we can use a negative margin of the same amount to bring us right back where we left off. The code looks something like this:

.sidebar-content .content-sidebar-wrap {
    overflow: hidden;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
    float: left;
    background-color: #f4f2e4;
    margin-bottom: -5000px; /* any large number will do */
    padding-bottom: 5000px; 
}

Filed Under: Code Tips, TechTalk, WordPress

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Site Search

From Our Blog

  • 10 Reasons You Need a Custom Website
  • The Squatty Dog
  • The “ME” In Our Name Really Means YOU
  • Behind Your Website
  • I Have a Website – Now What?

Tech Talk

  • Enqueue CSS2 Google Fonts
  • Redirect to the BuddyPress Profile Page
  • “Going Live”
  • Insert Soliloquy Shortcode Using Advanced Custom Fields
  • Redirect My Website To https://

Creative Corner

  • Unique Websites Deserve a Unique Login
  • Adding A Shortcode To The Post Title
  • Favicons – A Tiny Graphic With Big Impact
  • Social Media Icons – So Many Options!
  • Savage Chicken iMugs

View Topics

creative

Functional

affordable

Copyright © 2023 · Custom Website by DesignMe Creative Group · Log in
Hosted Locally by Maine Hosting Solutions