Remove Underline from Titles which Contains Links & Remove borders from featured collections

Solved

Remove Underline from Titles which Contains Links & Remove borders from featured collections

jhermaine
Visitor
3 0 0

Hi!

 

Can someone please help me remove the underline on my titles that contain links. I would also appreciate it if someone could help me remove the borders/frames on my featured collections. Thank you!

 

Here's a preview link to my website:

https://balay-ko.com/?key=42603da87904598120810c5a55bad4471a9560712a1ed375331fd6f59e124e7e

 

jhermaine_0-1738896082282.png

 

 

Jhermaine

Accepted Solution (1)

PageFly-Richard
Shopify Partner
5011 1120 1805

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App
Hi @jhermaine  Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.card__heading a:after {
    cursor: default !important;
}
h2.title.inline-richtext > a {
    text-decoration: none !important;
}
.card__inner > .card__media {
    width: 100% !important;
    margin: 0 !important;
}
</style>

 

And here is result ( i also fixed cursor when hover )

PageFlyRichard_0-1738898891444.png

 

 
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

B2Bridge
Trailblazer
365 75 94

Hi @jhermaine  ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

{% style %}
h2.title.inline-richtext > a {
    text-decoration: none !important;
}
.card__inner > .card__media {
    width: 100% !important;
    margin: 0 !important;
}
{% endstyle %}

 

Hope this can help you,

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

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

PageFly-Richard
Shopify Partner
5011 1120 1805

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App
Hi @jhermaine  Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.card__heading a:after {
    cursor: default !important;
}
h2.title.inline-richtext > a {
    text-decoration: none !important;
}
.card__inner > .card__media {
    width: 100% !important;
    margin: 0 !important;
}
</style>

 

And here is result ( i also fixed cursor when hover )

PageFlyRichard_0-1738898891444.png

 

 
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

jhermaine
Visitor
3 0 0

This worked! OMG thank you so much!

DaisyVo
Shopify Partner
4460 499 594

Hi @jhermaine 

 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

 

Here is the code for Step 3:

 

 

{% style %}
a {
    text-decoration: none !important;
}
.card__media {
    margin: 0 !important;
    width: 100% !important;
}
{% endstyle %}

 

 

DaisyVo_0-1738899431523.png

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

LizHoang
Shopify Partner
1251 159 195

Hi Jhermaine

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.card__media {
    margin: 0 !important;
    width: 100% !important;
}

a {
    text-decoration: none !important;
}

 

Result: 

LizHoang_1-1738900403217.png

 

Best,
Liz

 

 

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program