How can I add a background color to a small section on my mobile product page?

Katharina_be
Excursionist
49 0 7

Hi Community,

i would like to add a background color just to the section of the payment icons on my product page of the mobile version (https://www.betanics.de/products/bio-kurkuma).

Do you have an idea how to?

Thanks

Peter

Replies 2 (2)

AvadaCommerce
Shopify Partner
3879 839 968

Hi @Katharina_be

 

You can check these steps to see : From your Shopify admin dashboard
Go to Online stores > Themes 
Click on Actions > Edit code
From the code editor, search for the base.css file (It should be on the assets folder)
Paste this code at the bottom of the file

.badge {
background-color: green !important;
border-color: green !important;
}

 

Or you can check this video guide 

 

I hope this helps.

banned

Ahsan_ANC
Shopify Partner
1392 253 323

hi @Katharina_be 

 

You can try this code


1. Go to Online Store-> Theme->Edit code
2. Asset-> theme.css ->paste the below code at the bottom of the file.

 

@media(max-width:786px){
ul.inline-list.payment-icons {
    background: #FFD814;
}
}

 

plz change the hexadecimal color value to your choice.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search