Archived

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

  • 0

Change Background And Font Color Of Blog Page And Single Post

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

I try this but doesnt work..

 

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

Share this post


Link to post
Share on other sites

Posted · Report post

Ok.. the for the blog is

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

 

can be?

Share this post


Link to post
Share on other sites

Posted · Report post

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:

Share this post


Link to post
Share on other sites

Posted · Report post

Can you please post a link to your site?

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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:

http://www.stefanoferruggiara.com/blog/

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

Thanks Catrina for assist me;)

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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. 

Share this post


Link to post
Share on other sites