How can I change the title color of any post!

  • Author
    Posts
  • #98702

    khangcafe
    Member
    Original poster

    I would like to change the title color of any post or page.

    Can you show me the way to do that?

    Thank you.

    The blog I need help with is: khang.cafe

    #98870

    rezzap
    Staff

    Hello!

    You can change the color of the titles over the images in posts or pages with the following CSS:

    .headline.img-headline {
        color: #000000;
        border: 4px solid #000000;
    }

    Edit the color hex codes with the color of your choice.

    Thank you!

    Rebecca

    #98890

    khangcafe
    Member
    Original poster

    Hi Rebecca

    Thank you for you reply.
    However, Can I add this CSS by the Visual Editor while I am editing a post or a page?
    (I am not using wordpress Premium Plan)

    Best Regards.

    #98897

    rezzap
    Staff

    Hello,

    I’m afraid it’s not possible to change the colors without the Premium Plan using CSS or the colors options.

    Thanks!

    Rebecca

    #98899

    khangcafe
    Member
    Original poster

    Hi Rebecca

    Thank you!

    #98905

    rezzap
    Staff

    You’re welcome! :)

    Cheers,

    R.

    #99083

    jgardner04
    Member

    I am using the premium plan and I am trying to accomplish this. I would like to change the color or individual posts. Where do I post this CSS code?

    #99085

    rezzap
    Staff

    Hello!

    You can post the CSS I provide above in the Custom CSS section of your customizer. If you want to put different colors for individual posts you would need to find the ID for those particular posts and add it to the selector I provided above. You can use a inspector tool like Firebug or Chrome’s Developer Tools to find the ID or else view the post details in the URL. I would need specific links to advise you on these.

    Thanks!

    Rebecca

    #99086

    jgardner04
    Member

    So what I am seeing in this [page](https://beyondthecorneroffice.com/2016/08/10/book-review-the-phoenix-project/) is a post ID of 165124385.

    #99087

    jgardner04
    Member

    I was actually able to get this working on the individual posts. I am trying to now figure out how to get that to reflect on the “blog” page that shows all of my posts.

    #99088

    rezzap
    Staff

    Hello!

    Glad to hear you were able to get it working on the individual posts. You had the right ID for that post.

    As for the blog page, you can adjust the titles here with the following CSS:

    .blog-holder .headline.img-headline a {
        color: #333;
    }

    Edit as desired.

    Thanks!

    Rebecca

    #99089

    jgardner04
    Member

    That did the trick. Thank you!

    #99091

    rezzap
    Staff

    Glad to help! :)

    Cheers,

    Rebecca

The topic ‘How can I change the title color of any post!’ is closed to new replies.