Remove underline from certain links

Site URL: http://clever.cooking

Hi all! I want to remove the underline from the text captions on the image blocks on my main page, but I don't want to remove underlines from all the links on my site. Any help would be appreciated. Thanks!

You mean thí section right?

Yes, that's the one!

17 minutes ago, CleverFood said:

Yes, that's the one!

Try adding to Home > Design > Custom CSS

.image-caption a {
    background-image: none;
}

If you want this code apply on main page only, add to Page Header

<style>
  .image-caption a {
    background-image: none;
}
</style>

Thank you!

8 hours ago, CleverFood said:

Thank you!

While checking code, I found out that your site has some problems (+ code to handle). Hope it helps you.

1. Mobile: Banner not fullsize

Add this to Home > Design > Custom CSS

/* resize mobile home banner */
@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 20vh;
    height: 35vh;
}
.homepage #page section:first-child * {
    font-size: 30px;
}
}

2. You haven't changed SEO Title so you will see Browser Tab Name "Blog 2" & "Gallery 1"

https://www.clever.cooking/tips

https://www.clever.cooking/food-porn

You can change it to Tips Page Settings > Advanced > SEO

3. Mobile. I think space between Title - Image is too high??

https://www.clever.cooking/tips/glossary

If you need to reduce, I will give the code

4. Tablet

I see mobile is 2 images/row

Tablet is 1. Do you want to change to 2 images/row on Tablet?

https://www.clever.cooking/food-porn