Please Help! Trouble with collection titles. They only show up correct on the home page. Debut Theme

Solved
Semqessa
Tourist
17 0 3

I have been having an issue with my collection titles. I was able to get help in changing them so that the titles are displayed underneath the image, rather than on top. However, that change has only affected the collections shown on the home page. When I go to other collection pages it is still in the defualt settings.

This is the css I have used in the bottom of my theme.css file:

.collection-grid {

overflow:hidden !important;

}
.collection-grid .collection-grid-item__title {
transform:none;
top:auto;
color: #000;
font-size: 19px;
}


@media only screen and (min-width: 750px){
.collection-grid-item {
margin-bottom: 60px!important;
margin-top: 30px!important;
}
}
.collection-grid-item__title-wrapper {
padding: 5% 0!important;
}

@media only screen and (max-width: 750px){
.collection-grid-item {
margin-bottom: 60px!important;
margin-top: 30px!important;
}
.collection-grid-item__title-wrapper {
padding: 6% 0!important;
}
}
.collection-grid-item__title {
text-shadow: 0 0 black!important;
font-size: 19px;

}

0 Likes
NerdCurator
Shopify Partner
228 46 70

@Semqessa Please provide the URL of your store and if it is password protected please share the password too. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
Semqessa
Tourist
17 0 3

Yes here you are, thanks. 

https://shopsacredspace.us/

0 Likes
NerdCurator
Shopify Partner
228 46 70

This is an accepted solution.

@Semqessa You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.scss.css file.

 

.collection-grid-item__title{
top: auto;
    color: #000;
    margin-top: 12px;
}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
Semqessa
Tourist
17 0 3

This worked, thanks!!!!

0 Likes