Customise image card title

Site URL: https://www.qualitycupofcoffee.com

Hello everyone !

Hope you had a fine week so far. I have been postponing on creating my blog area and I finally decided to get it done. I have two minor coding issue so far:
www.qualitycupofcoffee.com/blog-articles-eng/engtemplate

1. Image card
As you can see at the bottom of my blog template page, I am trying to create 2 images card that will refer to my newest and oldest post.
- I would love to get the title and subtitle white, however I am unable to make the change appear.
- I want my text alignment to match my picture. For the left image card I wish to have my text aligned on the left and for the right one, aligned on the right.
- I would like to have a pink gradient line that appear under the image card title. ( just like here : www.qualitycupofcoffee.com/blog-eng ) I am not sure what to write in      my coding to make it happens.

/*image card for blog*/

.image-title-wrapper {
  text-align: match !important;
  color: white !important;
  background: linear-gradient(180deg, rgba(255,255,255,0) 65%, #f5ad9e 65%);

2. Archive block
I coded something to have pink bullet point on my website, however I am not quite sure why it also affects my archive block list. Any idea? See the dropdown menu called "categorie" on the top of the page. www.qualitycupofcoffee.com/blog-eng

Let me know 🙂

Thanks,
Manon

1. Which image cards? Can you take a screenshot?

2. Edit this line

Quote

ul li:before

to thí

Quote

ul.archive-group-list li:before