Jump to content
TourKick (Clifford P)

How to Improve Reader Section's Styling

Recommended Posts

TourKick (Clifford P)    1
TourKick (Clifford P)
Let's use http://www.pagelines.com/pricing/ 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:

 

#page .readernav span.readerselected,
#page .readernav span:hover {
background: #ffffff;
}


#page ul#answerlist li.readeranswer {
display:block;
list-style-type: none !important;
}


#page .fanswer li {
margin-left:50px;
}

Thank you.

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.

 

2) how to change the color of the active question bar, let's say to #FFFFFF?

 

Do you mean the font color or background?

 

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Guest   
Guest

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.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Glad it works!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • NameSake
      By NameSake
      I've tried to work with reader but am not sure how to reorder the readers. Your instructions suggest that there should be a "reorder" option but I don't have it for some reason (See the attached image).
       
      Thanks.


    • eglashcreative
      By eglashcreative+
      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!
    • TourKick (Clifford P)
      By TourKick (Clifford P)
      The Reader (or reader-looking) section at the bottom of http://www.pagelines.com/jobs/ looks great.
       
      How do I get that Reader?
       
      Compared to the Reader from the Store, that one has:
      Pretty menu of current/active item Nice transition look when clicking from one item to another No leading bullet next to each content area's heading Properly formatted bullets within the Reader's content area  
      I hope instructions or a store update can be provided.
       
      Thank you.
    • jsharpe2001
      By jsharpe2001
      The Reader menu in wp-admin does not display the "Reader Set" columns. When I edit a specific Reader, then I can see the Category that Reader is assigned to, but the Category is not displayed on the main Reader menu. I have dozens of Readers and this functionality would certainly make managing this content less cumbersome. Am I missing something? Shouldn't the assigned Category (or Categories) display in the Reader Set column on the Reader menu. 
       
      Please see attached screenshot. Problem has persisted for months, but I'm just getting around to addressing this. Plugins and theme version are more or less current. 
    • camaran
      By camaran
      Hi, how i can enable reader section to work in content area?
×