need to change the colour of the date on my blog posts

[MaryGior]

Hello, I have done a search for this but cannot find the answer so would appreciate some help.

In my blog posts the date is visible in the editor but when I publish them it is no longer visible as I pressume the colour of the date must be defaulted to white when pubslihed. However, my background is white so once published, the date is invisible.

This is the same issue for the captions under photos by the way. 

I have gotten around it for the captions by adding a small text box tight up against the photo with my caption in it. The text font colour is editable.

However, there seems to be no way to change the colour of the font for the date element in blog posts. 

Please help with this. If required, my domain is www.madreluna.com.au

Thanks!!

[whitemonkey]

hi   @MaryGior   blog date colour can be changed  in the  html code   but this  aint always recomended, as it CUSTOMISES your theme, Weebly wont be in a position to help u if it all goes pear shaped.

but   @BJ   is good with over rides which r added to the header code box   and thus do not render ur theme customised

[MaryGior]

Thank you for your reply and yes, I hope @BJ will be able to help!!

[BJ5 · Accepted solution]

This should do it for you @MaryGior, if you put it in Settings > SEO > Header Code:

<style>
    .blog-date, .date-text
    {
        color: #3e3e3e !important;
    }
</style>

[MaryGior]

Fantastic, thank you so much!! It worked and was so easy 🙂

You wouldn't have another trick for giving the blog page background a bit of colour or customisation would you? 

[whitemonkey]

@BJ  @MaryGior 

@Adam  @Bernadette 

thats so cool...    i gotta learn how to do over rides

[BJ5]

If you have some spare time W3Schools can teach you basic CSS pretty quickly, @whitemonkey:

https://www.w3schools.com/css/css_intro.asp

[whitemonkey]

@BJ    oh cool thanks for that....   

[BJ5]

Sure, that's pretty simple too. This will make it a sort of off-white:

<style>
    body, .content-wrap, .cento-header
    {
        background: #ffffdb !important;
    }
</style>

You can edit the hex code to be a different color, though.

[NicMunoz]

This worked for me too!