How to modify collection grid title attributes in Streamline theme?

[BridgetDS]

Hi, how do I change the color, size, and position of the titles which appear over each collection image in the collection grid in Streamline theme? I need to move them to the bottom and make the font smaller and black rather than so large in white right in the middle of the image where they are not legible.

The store is valencia-sport-saddlery.myshopify.com and password is vsstest

Thank you!

[PageFly-Victor]

Hi @BridgetDS

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file home.css

Step 3: Paste the below code at bottom of the file → Save

.featured-collections .skrim__item .skrim__title h5 {

position: absolute;

bottom: 0;

font-size: 28px !important;

color: black !important;

}

.featured-collections .skrim__title h5:before {

background-color: black !important;

margin-right: 1px !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hello @BridgetDS ,

You can follow these steps:

1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team