How to Remove this underline from order on whatsapp button through code guide me

Shopify Discussion

Topic summary

A user is trying to remove an underline from a WhatsApp order button on their Shopify store and has provided a screenshot showing the issue.

Requested Information:

  • Multiple respondents asked for the website URL to provide specific guidance
  • One user suggested this should be a simple fix once the site is shared

Proposed Solutions:

Two CSS-based fixes were offered:

  1. Generic approach: Add CSS targeting the button class/ID:
.whatsapp-button {
  display: none !important;
}
  1. Cart-specific solution: Use Liquid templating to apply CSS only on cart pages:
{% if request.path contains '/cart' %}
<style>
.unique-class {
  display: none !important;
}
</style>
{% endif %}

Status: The discussion remains open, awaiting the URL or more specific details about the button’s HTML structure to provide a tailored solution.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

screen shot also attached

screen shot 1.png
screen shot 1.png396×234 5.17 KB

2

@mianzeeshan Could you please share URL here.

3

This should be a pretty simple fix. Can you share the link to the website please?

4

Maybe worried sharing url,

here is the code, just replace class or id as required. it can be obtain only through url.

.whatsapp-button {
display: none !important;
}

5

Hi,

You can try this code:

{% if request.path contains ‘/cart’ %}

.unique-class { display: none !important; }

{% endif %}