Re: Change Collection List Heading Font and Make it Bold

Solved

Change Collection List Heading Font and Make it Bold

101Ankan
Tourist
11 2 1

Hello Guys, 

 

Looking for some assistance with a couple of problems. 

 

1. I am looking to make the heading of my collection list bold and change the the font. 

2. I am looking to remove the "->" that is there under every category. Ex. Men's T-shirt -> needs to be Men's T-shirt, centrally aligned and Bold

 

Any advice would be much appreciated. 

 

I am using dawn theme and a screen shot for reference. 

 

Regards, 

Ankan 

Screenshot 2024-05-01 at 10.21.21 PM.png

Accepted Solutions (2)

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

Hi @101Ankan,

Step 1: Go to Admin -> Online store -> Theme > Edit code

view (25).png

 

Step 2: Search for the file base.css.

 

view (26).png

 

Step 3: Add this code snippet to the end of the file.

 

.collection-list-wrapper .title-wrapper-with-link h2 {
    margin: 0 auto;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
}

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

.collection-list-wrapper h3.card__heading {
    text-align: center;
    font-weight: bold;
}

 

 

Step 4: Save your code.

 

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark the solution.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

101Ankan
Tourist
11 2 1

This is an accepted solution.

@BSSCommerce-B2B worked perfectly!!! thank you. !!!

 

View solution in original post

Replies 3 (3)
101Ankan
Tourist
11 2 1

Hello @theycallmeSaver 

 

https://bussinprints.com/

 

Regards, 

Ankan

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

Hi @101Ankan,

Step 1: Go to Admin -> Online store -> Theme > Edit code

view (25).png

 

Step 2: Search for the file base.css.

 

view (26).png

 

Step 3: Add this code snippet to the end of the file.

 

.collection-list-wrapper .title-wrapper-with-link h2 {
    margin: 0 auto;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
}

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

.collection-list-wrapper h3.card__heading {
    text-align: center;
    font-weight: bold;
}

 

 

Step 4: Save your code.

 

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark the solution.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
101Ankan
Tourist
11 2 1

This is an accepted solution.

@BSSCommerce-B2B worked perfectly!!! thank you. !!!