How can I adjust collection tiles and text in my online store?

Store Design
1

I have run into some trouble with my collection tiles

  1. Need them to be lower so they don’t overlap with the slideshow

  2. Need to remove the text above the image, and just have the image

what code template can I change these in?

any help would be much appreciated

Hamishellingham_0-1643419057303.png
Hamishellingham_0-1643419057303.png1434×412 256 KB

1 Like
2

@Hamishellingham

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

HI @Zworthkey

thank you very much

website is www.mimicomerchandise.co.nz

password test

thanks!

4 
.hero-content__title-wrapper {
    display: none !important;
}
@media only screen and (min-width: 750px){
.medium-up--one-third {
    width: 33.33333%;
    margin-top: 75px !important;
}}

@Hamishellingham
Add this code in the bottom of the theme.scss or theme.css file

5

Thanks @Zworthkey

The tiles don’t overlap with the slideshow now which is great, but I need the collection grid Title to be hidden not the slideshow title if possible

appreciate your help

Hamishellingham_0-1643436856619.png
Hamishellingham_0-1643436856619.png1220×418 354 KB

6

@Hamishellingham

Which collection grid tittle
name Please

7

@Zworthkey

all 6 of them please, I have the logo name in the image so I dont need “Kobelco” and “View All”

Hamishellingham_0-1643437415057.png
Hamishellingham_0-1643437415057.png991×115 3.85 KB

Hamishellingham_1-1643437439492.png
Hamishellingham_1-1643437439492.png1042×105 4.53 KB

8 
.featured-card__header {
    display: none !important;
}
@media only screen and (min-width: 750px){
.medium-up--one-third {
    width: 33.33333%;
    margin-top: 75px !important;
}}

@Hamishellingham
Add this code.

9

increase 75px value to 110px;

10

@Zworthkey

Thanks very much! Works perfectly

1 Like
11

@Hamishellingham
Kindly accept and like our Solution.