Archived

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

  • 0

Reader Section Customization


Question

Posted · Report post

Hi all!

How can I configure text and width of the left side (title) in reader section?

 

Thanks

 

Hugo

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi Hugo,

 

Each page is given a unique class which you can see below. These classes can be found by inspecting your site and viewing the classes given to the body, using Firebug or your browsers built-in web dev tool.

 

.home = if you page is the home page

.blog = if the page is your blog page

.page-id-X = Replace X with the page ID, this class is used for all non special pages.

 

So you can use the class in your code, this will allow you to style the read for that page only.

 

For example, lets imagine your Reader is on a page that has an id of 35, the code used would look like this:

 

.page-id-35 .readernav{    
    width: 15%;
    float: left;
    position:relative;
} 
1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for help!

I've inspected and found with firebug that left column is customized with

 

 

.readernav{
    width: 30%;
    float: left;
    position:relative;
}
 
 
Changing the width the column resizes!!
 
Problem is, I change for
 
.readernav{
    width: 15%;
    float: left;
    position:relative;
}
 
in pagelines costumize plugin, but the, it changes to all readers it put in my web site!
 
How can I costumize for indivudual reader ???
 
Thanks
 
Hugo

Share this post


Link to post
Share on other sites