Jump to content


Photo
- - - - -

Reader Section Customization

reader

Best Answer Danny , 31 January 2013 - 11:46 AM

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;
} 
Go to the full post


  • Please log in to reply
3 replies to this topic

#1 hugo2808

hugo2808

    Advanced Member

  • Members
  • 42 posts
  • Country: Country Flag

Posted 30 January 2013 - 06:08 PM

Hi all!

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

 

Thanks

 

Hugo



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 January 2013 - 06:19 PM

You'll need to use Custom CSS. Please review this documentation for further instructions:

Please Login or Register to see this Hidden Content



#3 hugo2808

hugo2808

    Advanced Member

  • Members
  • 42 posts
  • Country: Country Flag

Posted 31 January 2013 - 11:26 AM

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


#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17124 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 31 January 2013 - 11:46 AM   Best Answer

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:

 

Please Login or Register to see this Hidden Content


  • hugo2808 likes this





Also tagged with one or more of these keywords: reader