Broadcast Theme - Changing max page width and color of price

Store Design
1

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? :slightly_smiling_face:

Thanks and best regards

Max

2

Hello There,

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

3

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.

4

herrbarius.de

shopify_1.png
shopify_1.png1919Ă—943 255 KB

shopify_2.png
shopify_2.png1919Ă—941 268 KB

5

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;
}
6

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? :slightly_smiling_face:

Best regards

Max

7

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;
}
}