Jump to content


Photo
* * * * * 1 votes

Change Background And Font Color Of Blog Page And Single Post


Best Answer Danny , 14 December 2012 - 12:03 PM

All Pages are given a unique class this in in the form of:

 

Homepage - .home
Blog - .blog

Standard page - .page-id-X (replace x with the page ID)

Post - .single-post and/or .postid-X (replace X with the post ID)

Category - .category-categoryname (Replace category-name with the name of the category for example, .category-news)

 

So inspect your site using Firebug or your browsers inspection tool and get the correct name/ID and use this to style your individual pages/posts

Go to the full post


  • Please log in to reply
9 replies to this topic

#1 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 13 December 2012 - 02:57 PM

Hi there,

 

I know that this post might be double, but maybe this can be more easy to find for the people that need the same solutions.
This time I need to set my Blog Page where only summarizes all the articles published and possibly the individual Post.
I would like to customize only the central part .. not header, footer and main background of the site but only the content section.
I would like to customize the background of the content and the color of the text.
Please don't tell me to use firebug because I already tried to do in this days without positive solution that cause why I just open this post in the forum.
Can someone please share the correct css code to do this?
Many many thanks for fast reply;)
Stefano


#2 catrina

catrina

    Advocate

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

Posted 13 December 2012 - 03:59 PM

Can you please post a link to your site?


  • stefanoferruggiara likes this

#3 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 13 December 2012 - 07:01 PM

For sure.. but you have to insert this subscriber credential cause is momentary off line.. is not ready..

 

ID: ospite

pass: ospite

 

The page that i would like to change is this:

Please Login or Register to see this Hidden Content

and also some post in it.. choose one.. after i set with id which one i need to customize.

Thanks Catrina for assist me;)



#4 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 13 December 2012 - 08:27 PM

The best for me would be just the BLOG page have #bcbcbc background and #000000 font color and no more!

Please .. someone can help me?



#5 Rob

Rob

    One Smart Egg

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

Posted 14 December 2012 - 01:35 AM

Stefano,

 

We've had a change of policy here about providing CSS code.  Too may people were requesting the code and later changing it, asking us to do it over and over again.   We really don't provide it to anyone, so please don't feel this is in any way personal.  We are required to tell people to use tools like Firebug and learn to do this themselves, otherwise we are designing sites and that's not proper.

 

I can tell you that if you apply a background-color to #column-main, the main column where the blog postings are will change background color.  If you want it only on the blog page, then you need the page ID number and preface it like .page-id-XX #column-main  (XX is the page number for that specific page).

 

Thank you for your understanding. 



#6 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 14 December 2012 - 10:39 AM

OK.. I post cause if pagelines policy is this.. maybe there some user that know that and than he can help me too ;)
Buone Feste e Buon Natale amico mio!

Edited by stefanoferruggiara, 14 December 2012 - 10:40 AM.


#7 Danny

Danny

    Is Awesome!

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

Posted 14 December 2012 - 12:03 PM   Best Answer

All Pages are given a unique class this in in the form of:

 

Homepage - .home
Blog - .blog

Standard page - .page-id-X (replace x with the page ID)

Post - .single-post and/or .postid-X (replace X with the post ID)

Category - .category-categoryname (Replace category-name with the name of the category for example, .category-news)

 

So inspect your site using Firebug or your browsers inspection tool and get the correct name/ID and use this to style your individual pages/posts


  • stefanoferruggiara likes this

#8 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 14 December 2012 - 03:34 PM

I try this but doesnt work..

 

.page-id-292 #column-main {
  background: #bcbcbc;
  color: #000000;
}



#9 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 14 December 2012 - 03:35 PM

Ok.. the for the blog is

.blog #column-main {
  background: #bcbcbc;
  color: #000000;
}

 

can be?



#10 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 14 December 2012 - 03:45 PM

Perfect!!! ...many thanks Danny!!!

I have finish my site...

You are all invited to visit.. the launch  :skydive:  will be at 21.00 in Italy

 

:abe:  I wish to all the Pagelines Staff.. Merry Christmas and all the best for the New Year Day and for the 2013.. from Italy!!! :D :thumbsu:

MANY THANKS TO EVERYBODY, YOU ARE ALL THE BEST!!!

:goodjob: