Changing the font and color of linked text on caption overlay

Site URL: http://www.skatedays.nl

Hi y'all,

I'm adding images on our page with bulletpoints that link to certain pages.  I managed to change the color and font size in CSS. However when I change words into links,  the color of the text doesn't change into the right color. This is the code that i used: 

.image-caption-wrapper { max-height: 100% !important; }
.image-caption-wrapper {
  background: rgba(255,255,255,0.7) !important;
}
.image-caption p {
 color: #f0113e !important;
 font-size: 15px !important;
 font-weight: bold !important;
 line-height: 150% !important;
 letter-spacing: 1px !important;
}

Second question:

Is it also possible to remove the underline when using a link in caption overlay?

Thanks,

Gr. Koen

Hi,

Can you take a screenshot of bullets & caption? We can check easier.

I see a lot of text/image on page https://www.skatedays.nl/

Off course:

The page is: www.skatedays.nl/homepagetest
The password is: homepagetest

Gr. Koen

PS: Currently no CSS code is activated yet

Here are 2 screenshots.

The first one is the current situation (black background, grey text).
The right image on the second screenshot is how I want it to look (white background, red text, no underline).

As you can see on the left image, all text is grey instead of red. I did this on purpose to show you what happens if I turn text into clickable links... It looks grey instead of red.

How can I change the color of the linked text  and remove the underline?

Thanks!

On 7/28/2022 at 6:23 PM, koenveltman said:

Off course:

The page is: www.skatedays.nl/homepagetest
The password is: homepagetest

Gr. Koen

PS: Currently no CSS code is activated yet

Use this code

.image-caption a {
 color: #f0113e !important;
 font-size: 15px !important;
 font-weight: bold !important;
 line-height: 150% !important;
 letter-spacing: 1px !important;
    text-decoration: none !important;
}