Changing font/colour of headers, titles and widgets

Sorry, I have a number of other questions now! I hope you can help direct me.

I’m changing the font colour/style/size on my blog so that it is cleaner to read. I want to change all the font (excluding the slider which I want to remain white) to black. I have managed to change the body colour to black, and found some code to change the titles but it also affected the slider unfortunately. For the headings will I need to change each individually?

www.sotheadventurebegins.com

Are you able to direct me to the code which I would use to implement these changes? I’ve been trawling through the forums but yet to find something which has worked. I understand which coding to add to change the font, colour and size but just not sure what coding I use to specify what I want to change. I hope this makes sense?

Thank you in advance!

Hi @francesfr,

I hope you are well today and thank you for your questions.

Do you want to change color of post tiles or slider text? And to black or white?

Please be a bit more specific so that we can help you.

If you wan to make major changes on your site then it is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

Best Regards,
Movin

Hello, I don’t believe I require a developer - its really a simple request. I’ll try to reword so that it is a bit simpler! I want to change the text colour across the whole site to black.

I have successfully changed the body text to black. I am still trying to change the blog post titles, widgets and heading pre-sets for use within posts to black. I found some code which looked promising but it changed the colour of the text in the slider to black also, however I would like text to remain white in the slider if possible.

I am also trying to reduce the size of the blog post titles on the homepage as the font it is currently too large. The code I have found through this forum worked at reducing its size but it also reduced the size of the text in the slider which I don’t want to do. Is there a way to alter the blog post title size and the slider size separately?

www.sotheadventurebegins.com

Thanks again, hope this makes more sense!

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

article.post .post-categories a,
.post-inner-content .cat-item a,
#secondary .textwidget,
#secondary .widget > h3,
h1.entry-title,
.entry-title a,
.entry-footer a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    color: #000;
}
.flex-caption h2.entry-title {
    font-size: 19px;
}
article .entry-title {
    font-size: 18px;
}

Thank you so much Movin! It works perfectly, and looks so much better now!

You are most welcome here :slight_smile: