Changing Certain Default Product Text Page Text to White

Store Design
, ,
1

See Image attached,

On Dawn Theme V14, shop url is: shop.meatonline.com.au

I’ve tried to go into the code and also add to custom CSS for this already, but hasn’t seemed to work.

I’m needing the “Per kg Price: $” metafield to be white aswell as the “Per Ctn: (Estimate)” metafield,

I also need the Price to be closer to the “Per Ctn: (Estimate)” text, aswell as “Tax Included” to be removed.

If I could grab some help on what can be done that’d be great.

Thanks,
MeatOnline

productpagerearrange2.png
productpagerearrange2.png1554×736 216 KB

1 Like
2

Hi @MeatOnline ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

Hey,

Thanks, That worked well to make the text white as needed, but what can I do to make the Per Ctn & Price text closer to each other, and also remove “tax included.”

MeatOnline_0-1720653544197.png
MeatOnline_0-1720653544197.png1200×796 157 KB

1 Like
4

Hi @MeatOnline ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1720653737212.png
BSSCommerceHDL_0-1720653737212.png931×570 20.4 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

Thanks, that’s essentially what I need however I need the Per Ctn: (Estimate) metafield & the Product Price to be next to each other and not Per Ctn & Per Kg Metafields next to each other.

Sorry for the miscommunication

1 Like
6

Hi @MeatOnline , Pls remove this code above:

p.product__text.inline-richtext.subtitle {
    margin-top: 0 !important;
}

Then replace this new code there:

div:has(>.price.price--large) {
  margin-top: 0 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
7

Perfect!

Thank you very much :slightly_smiling_face:

1 Like
8

@MeatOnline No problem. Have a good day :heart_eyes:

1 Like