Change font style of particular heading in Dawn 15V

[ctal37]

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/

[BSSCommerce-B2B · Accepted solution]

@ctal37, change the code like this

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

[BSSCommerce-B2B]

@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:

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

Have a nice day 😍

[ctal37]

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

check screenshot - 

[BSSCommerce-B2B · Accepted solution]

@ctal37, change the code like this

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

[Hardik2903]

@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]

not working

[Hardik2903 · 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]

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.