How to change the colors in the Latest Post section on the front page

Illdy
1

Hi,

I am trying without success to change the color of the text within the posts section ‘Latest News’ on the front page (static).

I have changed the color of the backgrounds and the input boxes in the Contact Us section but not sure of the CSS needed. To explain, the main text in the section content is grey against a black background, but the title of each is invisible (same color as bg) until hovered over, then it is yellow. I would like it to be yellow or white all the time so visible.

I have tried the following so far, happy with the button change and the background change but can’t get the text?

#latest-news {
background-color: #cc9933 !important;
color: #ffffff !important;
}
}

#latest-news .latest-news-button {
background: #336633; !important
}

#latest-news .section-content .wpcf7-form p .wpcf7-textarea{
background-color: #fff !important;
border: 1px solid #fff !important;
color: #fff !important;
}

#latest-news .section-content .latest-news-box .box-left{
border-right: 1px solid white;
color: white;
}
#latest-news .section-content .latest-news-box {
color: yellow;
}
#latest-news .section-content .post-entry{
color: yellow
}

Any pointers on the CSS would be great thanks,

Liam

2

here’s a link to the page in question, see the Latest News sections, the titles are only visible when hovering;

www.bengrovemarketgarden.co.uk

3

Hi,

In order to change text colour please use this code

#latest-news .section-content .post .post-button}
color:#fff
}

on hover:

#latest-news .section-content .post .post-button:hover {
    text-decoration: none;
    color: #ffff1b;
}

In my example I used white by default and green on hover, but you can change as you wish.

Thank you,

Cristian