Image block text styling

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

How do I change color to title and subtitle separately? Both are active links. I can’t do it in the editor. 

How can I add underline to active links on hover and change color (for all site, including image blocks)? Is there a way to adjust how close the underline is to the text? 

Thanks. 

23 hours ago, kristobans said:

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

How do I change color to title and subtitle separately? Both are active links. I can’t do it in the editor. 

How can I add underline to active links on hover and change color (for all site, including image blocks)? Is there a way to adjust how close the underline is to the text? 

Thanks. 

Add to Design > Custom CSS

/* title subtitle */
div#page-607e58d7db63ee562a23b8e5 .image-title * {
    color: red;
}
div#page-607e58d7db63ee562a23b8e5 .image-subtitle * {
    color: green;
}
/* Underline on hover */
div#block-yui_3_17_2_1_1619098273083_327235 a:hover {
    text-decoration: underline;
}

23 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* title subtitle */
div#page-607e58d7db63ee562a23b8e5 .image-title * {
    color: red;
}
div#page-607e58d7db63ee562a23b8e5 .image-subtitle * {
    color: green;
}
/* Underline on hover */
div#block-yui_3_17_2_1_1619098273083_327235 a:hover {
    text-decoration: underline;
}

 

Hi. Perfect thank you. 

Underline on hover don't work. Would it be because I have code 

/* Remove underline links from the entire website. */
a {
border: none !important;
}

to disable the original underline, which shows up under every link? 

Cheers! 

On 5/7/2021 at 8:29 PM, kristobans said:

Hi. Perfect thank you. 

Underline on hover don't work. Would it be because I have code 

/* Remove underline links from the entire website. */
a {
border: none !important;
}

to disable the original underline, which shows up under every link? 

 

Cheers! 

I see it worked here