Hi,
I would like to add a link from the featured collection header to the collection on my homepage.
I have tried using the custom CSS without success and can’t seem to find the correct section to edit in the theme code. Hoping someone will be able to offer some guidance.
Site URL https://olgajoan.co/
If i understand correctly you’d like to add a link to your featured collection header which I’m guessing you mean the heading - Gio Ciocco which when clicked redirects to a collection page?
Thank you for your reply.
Yes, that is correct. I thought it would be a simple solution but it’s eluding me.
I thought this was dawn theme, but looking at your files I dont think it is.
Now gotta figure out what file has the featured collection, search for featured-collection and see which files comes up
Do you get any hits when you search just "featured"?
Hi,
I have done some digging and have found the below.
In custom.css
#featured-collection .grid-view-item, #featured-collection .grid-view-item__image-wrapper {
margin-bottom: 0;
}
.featured-collections {
padding: 0;
}
.featured-collections .collection-grid-item__title {
position: inherit;
top: auto;
transform: translateY(0);
}
.featured-collections .collection-grid-item__overlay {
height: 540px;
}
.featured-collections .collection–title {
font-size: 1.4em;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
}
.site-header__icon-mobile svg, .site-header__icon-mobile img {
width: 18px;
}
#featured-collection h2, .section-header h2 {
color: #202020;
font-family: “Avenir Next”,sans-serif;
font-size: 1.4em;
font-weight: 400;
text-transform: uppercase;
In collection.liquid
Hoping this might help guide me.
Thank’s for your time.
Hi Luna,
I have done some digging and have found the below.
In custom.css
#featured-collection .grid-view-item, #featured-collection .grid-view-item__image-wrapper {
margin-bottom: 0;
}
.featured-collections {
padding: 0;
}
.featured-collections .collection-grid-item__title {
position: inherit;
top: auto;
transform: translateY(0);
}
.featured-collections .collection-grid-item__overlay {
height: 540px;
}
.featured-collections .collection–title {
font-size: 1.4em;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
}
.site-header__icon-mobile svg, .site-header__icon-mobile img {
width: 18px;
}
#featured-collection h2, .section-header h2 {
color: #202020;
font-family: “Avenir Next”,sans-serif;
font-size: 1.4em;
font-weight: 400;
text-transform: uppercase;
In collection.liquid
Hoping this might help guide me.
Thank’s for your time.
I don’t think this is the right one though because when I inspect the element this is how it looks, it doesnt have this div
Not sure what to do now from the outside but if you feel comfortable, you can gimme collaborator access to the theme so I can check it out for you.
