Archived

This topic is now archived and is closed to further replies.

  • 0

Reader – strange gray bar won't go away


Question

Posted · Report post

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!

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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. 

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites