Solved

How can I add a background colour to a multirow in Sense theme?

Printatme
Explorer
55 0 7

Hello,

 

I am using the 'Sense theme' I am trying to have a background colour on a multirow. I have tried to apply some coding however it seems to be showing in a transparent way, the background overides; example below;

 

Printatme_0-1709806628232.png

I would much appreciate any suggested solutions.

 

my website is printreality.co.uk

 

Thanks.

Accepted Solution (1)
AnneLuo
Shopify Partner
637 128 130

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the image-with-text.liquid file and remove the class name of the file:

 

AnneLuo_0-1710421778886.png

If you find this information useful, a Like would be greatly appreciated.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 3 (3)

AnneLuo
Shopify Partner
637 128 130

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and add the following code at the end of the file:

 

 

@media screen and (min-width: 750px){
  .image-with-text__text-item:after{
     background-color: rgba(150, 169, 183, 1) !important;
  }
}

 

 

 

Then the background color will change the way you want it to look.

 

AnneLuo_0-1709808129679.png

If you will unable to implement the same then I'm happy to do this for you, let me know.
I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Printatme
Explorer
55 0 7

Hi @AnneLuo,

 

Thank you for your response. Although this code works I am still getting transparency any idea why ? example below

Printatme_0-1709809918062.png

 

Thanks

AnneLuo
Shopify Partner
637 128 130

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the image-with-text.liquid file and remove the class name of the file:

 

AnneLuo_0-1710421778886.png

If you find this information useful, a Like would be greatly appreciated.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee