How to make the heading of collection list centre? Also multicolumn how to set link for photo?

[Nailtheland]

I would like to make the heading of "OUR COLLECTION" centre and make the entire section of "OUR COLLECTION" full width, under the theme DAWN. Can anyone please advise?

Also, how to make the photo under multicolumn clickable and linked?

Thanks in advance.

Here is the screenshot and website:

nailtheland.com

[PaulNewton · Accepted solution]

Related search: https://community.shopify.com/c/forums/searchpage/tab/message?advanced=false&allow_punctuation=false...

Try the following CSS in that sections custom CSS setting(new feature)

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

.title-wrapper-with-link {
    justify-content: center;
    /* text align for non-flex fallback */
    text-align: center;
}

---

@Nailtheland wrote:

Also, how to make the photo under multicolumn clickable and linked?

---

That is an advanced customization. If you need that customization you can contact me directly for services; please provide context: store url, theme name, post url and any additional requirements. Contact info in signature.

Search for related DIY topics:

https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=dawn%20multicolumn%2... 

[PaulNewton · Accepted solution]

Related search: https://community.shopify.com/c/forums/searchpage/tab/message?advanced=false&allow_punctuation=false...

Try the following CSS in that sections custom CSS setting(new feature)

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

.title-wrapper-with-link {
    justify-content: center;
    /* text align for non-flex fallback */
    text-align: center;
}

---

@Nailtheland wrote:

Also, how to make the photo under multicolumn clickable and linked?

---

That is an advanced customization. If you need that customization you can contact me directly for services; please provide context: store url, theme name, post url and any additional requirements. Contact info in signature.

Search for related DIY topics:

https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=dawn%20multicolumn%2... 

[RUUJIGLOBAL]

Thank you this worked

[ErayBarslan · Accepted solution]

Hello @Nailtheland ,

To center your collection heading and make the section full width follow:

• Admin dashboard > Themes > Customize > Click on the Section > Custom CSS
• Into the Custom CSS field of collection section, copy:

.collection-list-wrapper {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.title-wrapper-with-link {
  justify-content: center;
  text-align: center;
}

a {
  text-align: center;
}​

I have additionally added the code to center the link text so it won't be sticked to the left of the screen. I hope it helps and good luck! If you get stuck with editing the collection or changing multicolumn image to link, feel free to reach out for further assistance.

Best regards,
Eray Barslan | Shopify Developer & Designer

[Nailtheland]

Thank you so much for your reply. It is super helpful. Cheers.

[mainlinesoul]

Thank you so much!!!