Support » Theme: Surfarama » post and page title colours

  • Resolved StaceyMercer


    Hi I am using the Surfarama theme for my website but was wondering if there was any way of having the post titles take the colour from the category that it is set to? If it is possible where do I add whatever code is needed and what is the code that is needed. I’ve been looking at the WP Codex for information but it is a bit confusing and with the theme already doing most of what I want I’m not sure how to go about the changes I want.

    My website is

    Also I have a few static pages that are connected to some of my categories and I would like the titles of these pages to be the same colour as the category they relate to. For example I have a page called Food Heaven, Food Hell that is the welcome page for that section, then have a page of posts as well. If anyone could help me I would be very grateful.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You might be able to achieve this with CSS. Though it looks like Food Heaven, Food Hell is purple, and the posts under it are also purple, so i’m not 100% sure what you’re asking.

    I actually mean when you are reading the post like this one or ona a static page like Food Heaven, Food Hell
    What I would like is to have the titles the same colour as the category colour

    Try this in your CSS file:

    /******* Change the color of the post title for Food Heaven to Pink **/
    #post-661 .entry-title  {

    Hopefully his will change the color on the Food Heaven, Food Hell welcome page.

    I see you have a child theme, so put this CSS code in your style.css file in your child theme folder.

    To do the rest of the pages you just need to find out the post number and change the color accordingly.

    Let me know if this works.

    I realize I made a mistake and that I meant change the color to purple.

    Thanks I’ll try that 🙂

    is there a way of doing this so that if a post has, say, the portfolio category it will be pink. I tried changing the post id to cat id like this

    /******* Change the color of the post title for Portfolio to Pink **/
    #id-87 .entry-title  {

    But it hasn’t worked, is it because the post has more than 1 cat assigned to it or because the code is wrong? Do I need to format it differently?

    By the way it has worked for the static pages so thanks 🙂

    Not to worry I’ve found how to do it. Thanks for your help 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘post and page title colours’ is closed to new replies.