How To Change Post Title Color?

Hey everyone! I just wanted to know how to change the title color of each of my blog posts? They are too dark for my Background! Please let me know the CSS code to do so. Example is down below

Also how do you change link colors on the blog post? What is the CSS code to change that as well? Links are too dark but light up with accent, I just want them to be a different color so they’re noticeable.

Hi @simoneevars,

Thank you for your questions.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

.post-inner-content .entry-title a {
    color: #fff;
}

body.single .post-inner-content a {
    color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

Hey Thank you! the first code worked! So is the second code for changing the link color? I noticed that my accents are disabled now that I have added the code to make the Post title text Lighter. What code can I use to reactivate the accent?

You are most welcome here :slight_smile:

Hey everyone! I just wanted to know how to change the title color of each of my blog posts? They are too dark for my Background! Please let me know the CSS code to do so. Example is down below

The first part of CSS code as following is to change the title color of each of your blog posts.

.post-inner-content .entry-title a {
    color: #fff;
}
Also how do you change link colors on the blog post? What is the CSS code to change that as well? Links are too dark but light up with accent, I just want them to be a different color so they’re noticeable.

The second part of CSS code as following is to change link colors on the blog post.

body.single .post-inner-content a {
    color: #000;
}
So is the second code for changing the link color?

Yes as described above.

I noticed that my accents are disabled now that I have added the code to make the Post title text Lighter. What code can I use to reactivate the accent?

I am not sure what you meant by accents so describe it a bit more in detail.

@Movin I meant like when I hover over, say a Post title it would stay a static color instead of changing color. I wanted to know how to permanently change the link color though. I can hover over them and they change color, but initially before trying to click on them they are too dark and hard to see. Sorry if this is confusing! Thank you!

You can try using below CSS code to change post title hover color.

.post-inner-content .entry-title a:hover {
    color: #fff;
}

Hey @movin Thank you for that it works! And I just have one more question. 2 more questions: Okay if I insert a link into a post or onto my page anywhere, What is the CSS code to set a link as one permanent color? And what CSS code do I use to change the title of my other pages on the website?(I have an About Page but the Links and Title are too dark). Also How do I add a home button to my menu list, to bring visitors back to my homepage? Thank you!

You are always welcome here :slight_smile:

To help us keep support thread separates could you please create new thread for your other questions here https://colorlibsupport.com/c/activello/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Hi Movin. I noticed that the css you provided to change the link color works only on posts but not on pages.
Can you help us with that?
Cheers

Hey there,
Thank you for keeping in touch

You can use the following code to change title colors on pages.

/title font color red/
.page .entry-title{
color:red;
}

Best Regards,
Support