Jump to content


Photo
- - - - -

How to Improve Reader Section's Styling

reader

Best Answer CliffordP , 21 January 2013 - 02:22 AM

I guess the CSS I had did what I wanted it to do and just needed a day or two for all the caches to line up...

 

So this is what I've got that works:

 

 

 

 
/* Current and Hover menu area as white background */
#page .readernav span.readerselected,
#page .readernav span:hover {
background: #ffffff;
}
/* Remove bullet point from the question */
#page ul#answerlist li.readeranswer { display:block;
list-style-type: none !important;
}
/* Indent any bullets used within the answer */
#page .fanswer li {
margin-left:25px;
}

 

 

 

 

Thanks.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 18 January 2013 - 09:27 PM

Let's use

Please Login or Register to see this Hidden Content

as the example page...
1) how to remove the bullet point at h3 for the question's text inside the Reader's content area?
2) how to change the color of the active question bar, let's say to #FFFFFF?
3) how to get the bullets within the answer/content to display indented, like bullet lists should? (note: the PL example link above doesn't have any bullet lists within the Reader)
 
@catrina and I have tried the following, to no avail:

 

Please Login or Register to see this Hidden Content

Thank you.



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 January 2013 - 10:22 PM

Hi Cliff,

 

As you've doubtlessly heard, we're not allowed to provide the CSS for you, however, I had a good tough time finding the solution. So let me at least point you in the right direction.

 

Using Firebug I found:

 

.plan-col .plan-list-wrap .plan-list .plan-row ul li

 

To that, I added:

    list-style-image: none;

    list-style-position: outside;
    list-style-type: none;

 

When I did that, the bullet points vanished.

 

Please Login or Register to see this Hidden Content

 

Do you mean the font color or background?

 

Not at all sure of an answer for 3.  Can you screenshot what you want changed?



#3 CliffordP

CliffordP

    Advocate

  • Members


  • 455 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 21 January 2013 - 02:22 AM   Best Answer

I guess the CSS I had did what I wanted it to do and just needed a day or two for all the caches to line up...

 

So this is what I've got that works:

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

 

 

 

 

Thanks.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 January 2013 - 04:41 AM

Glad it works!







Also tagged with one or more of these keywords: reader