Change colour of underlines on specific multi-column block

Topic summary

A user wants to hide black underlines on a multi-column block specifically on their “mission” page by changing the underline color to match the background.

Solutions Provided:

Two responders offered CSS-based approaches:

  • One suggested using custom CSS targeting the mission page URL
  • Another provided detailed steps: navigate to Shopify Admin → Online Store → Theme → Edit code, locate theme.liquid file, and insert conditional CSS code before the closing head tag that checks if the URL contains ‘mission’

Outcome:

The original poster confirmed the solution worked, indicating the issue was resolved. Screenshots were shared showing the implementation steps and code placement.

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

Hi, I’d like to change the colour of the underlines on my multi-column for a specific section only under “mission” tab → to go from black to the background colour so it doesn’t appear. what custom css code should I put in?

thank you!

Shopify URL: https://65a186-44.myshopify.com/

Password: meerew

Hi @letsgetwasted

Please use this code.


Hi @letsgetwasted ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Before the close head tag. Please insert this code:

{% assign full_url = request.host | append: request.path %}
  {%- if full_url contains 'mission' -%}
    
{%- endif -%}

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

that’s great, thank you