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


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 hugo2808

hugo2808

    Advanced Member

  • Members
  • 42 posts

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

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

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
  • 18422 posts

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