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

Tech Talk

  • Redirect My Website To https://
  • Stop WordPress From Removing Non-Breaking Spaces
  • Phone Numbers Not Formatted Correctly on iPhone Safari
  • Making A Short Sidebar Full Length
  • “Direct links to my PDF files are redirecting to my home page?”

Creative Corner

  • Favicons – A Tiny Graphic With Big Impact
  • Adding A Shortcode To The Post Title
  • Social Media Icons – So Many Options!
  • Savage Chicken iMugs
  • Black Boxes in Place of Images in Microsoft Word

From Our Blog

  • Full Width (100%) Section On A Fixed Width Page
  • The “ME” In Our Name Really Means YOU
  • Small Can Mean Big When It Comes To Websites
  • I Have a Website – Now What?
  • 10 Reasons You Need a Custom Website

View Topics

creative

Functional

affordable

Copyright © 2021 · Custom Website by DesignMe Creative Group · Log in

Hosted Locally by Maine Hosting Solutions