How can I center collection names and remove the arrow in Dawn theme?

Technical Q&A
1

Hello! On my Home Page, I show a few product collections. As seen in the screenshot below, the collection names appear underneath the image; they are left justified and have an arrow.

I need assistance with two items:

  1. Center the collection names
  2. Remove the arrow

Screen Shot 2022-06-22 at 5.41.28 PM.png
Screen Shot 2022-06-22 at 5.41.28 PM.png2128×208 78.9 KB

Thank you!

2

Hi @sabtsmith

Just follow this instructions below

  1. In your Admin page, go to Online store > Themes
  2. Choose the theme you want to edit then click Actions > Edit code.
  3. Open the base.css under the Asset folder.
  4. Add the code below.
.collection-list .full-unstyled-link {
    text-align: center;
}

.collection-list span.icon-wrap {
    display: none;
}
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.collection-list .full-unstyled-link {
text-align: center;
}
.collection-list span.icon-wrap {
display: none;
}
4

Perfect, thank you!

5

Perfect, thanks so much!

6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.