Need help with changing color for blog post titles

  • Unknown's avatar

    Hello All,

    I’m new to the forum, and this is my first time posting. I’m using the minimalist Hexa theme, and I would like to change the color of blog post titles from red to black.

    Examining the CSS, I can see that the class is entry-title, and the color is applied using a bookmark class (a). So I’ve tried various combinations of CSS specifications, but I can’t change the color.

    Here’s my current spec. I’ve tried it with just entry-title and with the addition of a:

    h1 entry-title a {
    color: #000;
    margin-bottom: 1em;
    }

    Thanks for any help.

    The blog I need help with is: (visible only to logged in users)

  • You got it almost correct.

    Join h1 and entry-title with a dot(.).

    h1.entry-title

    Rest of your CSS can be used as-is. So full CSS will be:

    h1.entry-title a {
    color: #000;
    margin-bottom: 1em;
    }
  • Unknown's avatar

    Thanks very much! I figured that it was probably something very small.

  • Unknown's avatar

    Hello,

    Since I applied the CSS change discussed above, it’s still working for the original post, but it’s not working for any new posts or pages.

    For example, I created a new About page called “My Story.” The entry title “My Story” shows in red, even though the custom CSS for the entry title shows as #000.

    I welcome any advice.

  • Please modify the earlier rule to include the following selector:
    h1.entry-title

    so the complete CSS is:

    h1.entry-title a, h1.entry-title {
    color: #000;
    margin-bottom: 1em;
    }

    This is because the post title is a hyperlink (a) on the homepage but it is just a heading (h1) in the individual post page and the new page (My Story).

  • Unknown's avatar
  • The topic ‘Need help with changing color for blog post titles’ is closed to new replies.