Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Odd padding/margin problem in sidebar with widgets


  #1  
Old Apr 3, 2009, 12:25 PM
GilbertCenter's Avatar
GilbertCenter
 
7 posts · Apr 2009
Seattle, WA
I'm really loving the power and flexibility of Atahualpa; really amazing job you've done with it, Flynn! Wow.

I've hit one odd little issue that I can't seem to get around, and I'm hoping that Flynn or someone else might be able to point me to what I'm overlooking.

Concerns the site: http://ceo.guidestar.org/

The left sidebar has a graphic at the top and bottom that's set in text widgets to encapsulate the sidebar (a design carry-over from the client's main website), with a few widgets in between them for sidebar content. The problem is that the background color of the sidebar (the lighter blue), seems to be dropping a visible 3px(?) horizontal bar at the very bottom *below* the last text box widget, and nothing I have tried seems to be able to get rid of it.

To be clear, it's not just the bottom, but is also showing between each widget above, but blends into the background, and is not a problem there.

I temporarily changed the background to black to illustrate it more clearly as seen here:


I'm guessing that this is a style-set padding or margin in the sidebar container itself, but I can't find any setting anywhere in the dashboard to eliminate it. Is there perhaps a way to override that padding/margin setting that could be applied, or alternatively, a spot in the css/php that I could edit to remove it? I've dug around quite a lot, and am clearly missing it...

I'd really appreciate a push in the right direction if possible. Thanks very much for any help you can give me on this!
  #2  
Old Apr 4, 2009, 05:55 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add, through an inline style or by giving the image an ID and then adding an CSS Insert, display:block to the image in the bottom text widget

HTML Code:
<img  style="display: block" src="http://ceo.guidestar.org/wp-content/themes/custom/CEOatahualpa332/images/GS-sidebarBtm1in.gif" alt="" />
You can do this with most images that show an unexplainable bottom margin
  #3  
Old Apr 6, 2009, 01:15 PM
GilbertCenter's Avatar
GilbertCenter
 
7 posts · Apr 2009
Seattle, WA
Yep, that did the trick. That's an elegantly simple approach to it, and one I'll tuck away in my bag-of-tricks as I learn CSS more fully. Thanks so much! That takes care of the only stumbling block that was in our way for using Atahualpa for this project; I can move on to other tasks now.

I really appreciate your timely and concise help with this!

Bookmarks

Tags
margin, padding, sidebar, widgets



Similar Threads
Thread Thread Starter Forum Replies Last Post
Bottom margin on sidebar peter_gilham Sidebars & Widgets 5 Jul 9, 2009 08:54 AM
Center column styling: how can I remove margin or padding? bcorrigan Header configuration & styling 2 Apr 2, 2009 10:53 AM
[SOLVED] Where is the padding/margin coming from? Shepherd Jim Post-Kicker, -Byline & -Footer 1 Mar 23, 2009 10:31 AM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 06:11 AM
Padding for Right Sidebar on Homepage endeavourz Sidebars & Widgets 11 Feb 16, 2009 11:53 PM


All times are GMT -6. The time now is 08:13 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.