Re: Change font style of particular heading in Dawn 15V

Solved

Change font style of particular heading in Dawn 15V

ctal37
Explorer
151 1 36

hiii 

I would like to change font style of one of the heading of my store. I tried adding this code ( .full-unstyled-link { font-family: 'Moon Dance', cursive; } ) but it is changing all unstyled link headings. 

I just want to change headings of collections that I added in homepage and product page.

please check screenshot of which heading I would like to change -

store link - https://5a3cf5-fc.myshopify.com/

WhatsApp Image 2024-09-09 at 14.53.00.jpeg

Accepted Solutions (2)
BSSCommerce-B2B
Shopify Partner
1752 535 594

This is an accepted solution.

@ctal37, change the code like this

<style>
.collection-list .full-unstyled-link{
  font-family: 'Moon Dance', cursive;
} 
<style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Hardik2903
Pathfinder
95 8 12

This is an accepted solution.

@ctal37 Please try this

<style>
.collection-list-wrapper .collection-list .collection-list__item  .card__heading a {
 font-family: 'Moon Dance', cursive;
}
</style>

View solution in original post

Replies 7 (7)

BSSCommerce-B2B
Shopify Partner
1752 535 594

@ctal37 ,

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

Step 2. Find the file theme.liquid.

Step 3. Add this code before </body>

 

<style>
.full-unstyled-link{
  font-family: 'Moon Dance', cursive;
} 
<style>

 

Result:

BSSCommerceB2B_1-1725874062565.png

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

Have a nice day 😍

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

ctal37
Explorer
151 1 36

hey @BSSCommerce-B2B this code is changing all unstyled links in homepage but I just want to change collection slider headings 

check screenshot - WhatsApp Image 2024-09-09 at 15.02.22.jpeg

BSSCommerce-B2B
Shopify Partner
1752 535 594

This is an accepted solution.

@ctal37, change the code like this

<style>
.collection-list .full-unstyled-link{
  font-family: 'Moon Dance', cursive;
} 
<style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Hardik2903
Pathfinder
95 8 12

@ctal37  Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

 

 

<style>
.collection-list-wrapper .collection-list-title .card__heading a {
 font-family: 'Moon Dance', cursive;
}
</style>

 

 

ctal37
Explorer
151 1 36

not working

 

Hardik2903
Pathfinder
95 8 12

This is an accepted solution.

@ctal37 Please try this

<style>
.collection-list-wrapper .collection-list .collection-list__item  .card__heading a {
 font-family: 'Moon Dance', cursive;
}
</style>

Tech_Coding
Shopify Partner
333 91 81

Hello @ctal37 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .collection-list-wrapper .collection-list a.full-unstyled-link {
       font-family: 'Moon Dance', cursive !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.