Broadcast Theme - Changing max page width and color of price

Max_Barius
Visitor
3 0 0

Hi there!

After I searched a lot on Google, I decided to ask here. I need to change the color of my prices, both on the product grid and also on the product page. I also want to try out a different max-width of the whole page.

Can someone help me? 🙂

Thanks and best regards

Max

Replies 6 (6)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Max_Barius 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Max_Barius
Visitor
3 0 0

herrbarius.de

shopify_1.png

shopify_2.png

  

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Max_Barius 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection  #shopify-section-collection .collection__products .product-grid  .product-item  .old-price {
    color: #ea0b0f;
   
}
.template-product  .grid__item .form__wrapper  .h5--body.product__price .product__price--strike{
	color: #ea0b0f;
}

 

Max_Barius
Visitor
3 0 0

Thanks for your reply. Unfortunately, this only changes the "crossed-out" price and not the actual price.

Also: How do I change the max-width for the whole page? 🙂

Best regards

Max

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Max_Barius   change the max-width for the whole page add below css 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media only screen and (min-width: 989px){
.template-collection .collection__products{
	padding: 12px 0 !important;
}
}