Transparent background on the date block on Astra archive theme
How to have a transparent background on the date block. Also, I wanted to have the actual date stand out from the month and year.
First I found the style for the data block and assigned it a rgba color with 0 transparency. I used google chrome to find the right style area for each item I wanted to change.
I added this code to my child theme CSS : .ast-article-post .ast-date-meta .posted-on, .ast-article-post .ast-date-meta .posted-on * {
background: rgba(241, 241, 241, 0) !important;
color: #fff;
text-shadow: 1px 1px #000;
}
Next, I got the style for the day and I changed that only and added a small text shadow to it.
I added this code to my child theme CSS:
span.date-day {
background: rgba(241, 241, 241, 0);
color: #FECA38!important;
text-shadow: 1px 1px #000;
}