Color Box around the price of all the items on th store

Site URL: https://porcupine-dog-z5rw.squarespace.com

Hi! I'm trying to create a color box around the price on all the prices of my store and i cant find how can I do it

my site: https://porcupine-dog-z5rw.squarespace.com/formacion

I'll attach an image of what I'm trying to accomplish.

Thanks for the help!

23 hours ago, Artaide said:

Site URL: https://porcupine-dog-z5rw.squarespace.com

Hi! I'm trying to create a color box around the price on all the prices of my store and i cant find how can I do it

my site: https://porcupine-dog-z5rw.squarespace.com/formacion

I'll attach an image of what I'm trying to accomplish.

Thanks for the help!

Hi @Artaide,

You can try adding to Home > Design > Custom Css

.list-grid .grid-item .product-price {
  line-height: 2.5;
  background: #585857;
  color: #fff;
}

.list-grid .grid-item .product-price::before {
  color: #fff !important;
}

Let me know if it works properly on your site

Press 👍 or mark this answer as solution to help another one too

My testing result

Thanks a lot! That worked perfectly!

On 11/17/2021 at 4:12 PM, bangank36 said:

Hi @Artaide,

You can try adding to Home > Design > Custom Css

.list-grid .grid-item .product-price {
  line-height: 2.5;
  background: #585857;
  color: #fff;
}

.list-grid .grid-item .product-price::before {
  color: #fff !important;
}

Let me know if it works properly on your site

Press 👍 or mark this answer as solution to help another one too

Thanks a lot for your help! But the person that is in charge of the project decided that he didn't want to continue with this visual style, is there anyway i can copy all the elements from one of the Squarespace templates: https://squarespace.com/templates/alignflow-demo-es to my site? In order that I don't have to do it totally manually. Since I'm in a 7.1 site I can't just change template 😞

Thanks for your awesome help!

On 11/22/2021 at 10:30 PM, Artaide said:

Thanks a lot for your help! But the person that is in charge of the project decided that he didn't want to continue with this visual style, is there anyway i can copy all the elements from one of the Squarespace templates: https://squarespace.com/templates/alignflow-demo-es to my site? In order that I don't have to do it totally manually. Since I'm in a 7.1 site I can't just change template 😞

 

Thanks for your awesome help!

You need to do this manually in 7.1.