How to customise color and the blog page ?

SupportCategory: TA PlutonHow to customise color and the blog page ?
Marie-Christine asked 2 years ago

First thanks fot this great theme. 
On the blog page (either blogpage or single post) – i can’t find the way to change

  • the black background of the page. and to set it to #F1F1F1 for instance
  • the kind of green color for the title to change to #004DFE for instance (In your demo page-  http://pluton.themeart.co/markup-and-formatting/ it’s the color used for “Markup And Formatting” for example).

Thanks for your help !

11 Answers
Rohit Staff answered 2 years ago

Hello, to change the black background of the page, just insert the codes “body { background-color: #f1f1f1; }” via Theme Panel -> Custom CSS. To change the color of title, just insert the code “.entry-title a { color: #004dfe; }”.

Blake answered 2 years ago

I would also like to know how to change that green colour to something different. I figured out how to change most of it on the posts pages but I need to change the button colour at the base of the article. Any help would be great thanks 🙂
ARTICLE: http://heartwhisperer.co.nz/rise-up-from-the-ashes/

Rohit Staff answered 2 years ago

Hello, you need insert the code “.pager li > a, .pager li > a:hover, .pager li > a:focus { color: #00dba3 }”, replace “#00dba3” with your color code.

Marie-Christine answered 2 years ago

Thank you Kevin for your perfect answer it works for the background & title change – another one (still about the green color still appearing on others places in the blogpage) please.
How to change the (green) color into Recent posts links / Archives list ? on the right side. In fact if i can change by default that color whenever it appears i would appreciate (maybe easier).
thanks in advance.

Rohit Staff answered 2 years ago

Hello, if you want to change all link color, you need insert the code “a, a:hover, a:focus { color: #0ce3ac }”, replace “#0ce3ac” with your color code.

Blake answered 2 years ago

Hello the “.pager li>, .pager li>a:hover, .pager li>a:focus { color: #00dba3 } code did not work, are you sure the code is  correct? Thanks

Rohit Staff answered 2 years ago

Sorry, my mistake. Just updated the codes, please try again.

Blake answered 2 years ago

Hello, thanks for fixing this but this is not what I needed. The code changed the text color but not the button colour. Is there another piece of code you can give me? Thanks heaps

Rohit Staff answered 2 years ago

Hello, try to insert the codes “.pager li > a, .pager li > a:hover { background-color: #00dba3 }”, replace “#00dba3” with your color code.

Blake answered 2 years ago

Perfect thanks. Also how do you change the text colour of the “Logged in as “Name”. Log out?” at the bottom of the page. It’s that same greenish colour and I need to change it again. Thanks 🙂

Rohit Staff answered 2 years ago

Hello, I’m not sure where the “Logged in as Name” shows, would you please provide a screenshot? Thanks!