Reader – strange gray bar won't go away

[eglashcreative+ 3]

Hi there -

 

[i tried posting this in the Store Products forum - but it was unresponsive and just led me back to the forum page each time]

 

http://creationok.com/faq/

 

You will notice a gray bar at the bottom of the Reader. I can't figure how this got there, but I will say a few things:

• It goes away if I remove the last few questions;
• It was there before I did all my CSS tweaks;
• There doesn't seem to be a selector related to it, so I'm going to guess that it's a result of Settings.

Any ideas out there? Thank you!

[James B 436]

Hi there,

 

Both seem to be releated to the content-pad within the reader section from looking at your site/code.  The reader content-pad seems to have a negative margin of -25 px which is why it appears above the sidebar area and not in alignment.

 

The grey bar seems to be coming from the minimum height set in the reader css - http://screencast.com/t/unGWs1o5v3 if the content inside doesn't fill that area and more, then you'll need to adjust with css to stop the grey bar displaying.

[eglashcreative+ 3]

Thanks so much, James. I fixed the padding issue - thanks for that tip. 

 

But I'm having trouble figuring a good way to globally fix the problem, instead of fixing min-height for each FAQ. Also, if you look at the third question (with the map), it clears the min-height requirement, but the gray bar remains on the Questions content-pad.

 

Again, all help truly appreciated. 

[James B 436]

Hi there,

 

Looking at the demo its the same kinda situation - http://www.pagelines.com/pricing/?porthole=true&section_id=pagelines-reader&section_name=Reader#pagelines-reader

 

From what I can see from you site, it looks like you can either remove the padding at the bottom of the readernav -http://screencast.com/t/Gw4gCFg68en

 

Or extend the background color for the readernav down to the bottom to cover the gap should there be a situation where the content goes past the last question box, I'd just colored it that shade of blue to demonstrate etc, http://screencast.com/t/jC3Zfc5SklCG

[eglashcreative+ 3]

Thanks again James - you were a great help. Here's what finally worked:

.page-id-xx .pl_reader_container, .reader-content {
	background: none !important;
}

Thanks again! Marked as solved.