Change colour of underlines on specific multi-column block

Solved

Change colour of underlines on specific multi-column block

letsgetwasted
Explorer
60 1 11

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!

 

Screenshot 2024-06-25 at 10.30.43 AM.png

 

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

Password: meerew

Accepted Solution (1)
letsgetwasted
Explorer
60 1 11

This is an accepted solution.

that's great, thank you

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10993 2154 2294

Hi @letsgetwasted 

Please use this code. 

<style>
#shopify-section-template--15255199023159__multicolumn_tJ8MiL .multicolumn-card__info .inline-richtext::before { background: transparent; }
</style>

 

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

letsgetwasted
Explorer
60 1 11

This is an accepted solution.

that's great, thank you

BSSCommerce-HDL
Shopify Partner
2305 834 907

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

BSSCommerceHDL_0-1719283831915.png

 

Step 2: Search file theme.liquid

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

BSSCommerceHDL_1-1719283853854.png

 

{% assign full_url = request.host | append: request.path %}
  {%- if full_url contains 'mission' -%}
    <style>
      .multicolumn-card__info .inline-richtext::before {
         background-color: transparent !important;
      }
    </style>
{%- 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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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