DAWN THEME - edit product template - edit css of text section to product info area

Technical Q&A
1

Hello

I have created a product template in the Dawn Theme so certain products can display a metafield.

I need to change the design elements of a text box section that I have added the metafield to. I want to hightlight the area so it looks like this.

I’ve used the inspect tool to work out the css to highlight the background.

Joselena_1-1636540834626.png
Joselena_1-1636540834626.png410×156 2.95 KB

background: peachpuff;
padding-inline: 3%;
max-width: fit-content;

Can someone please tell me where I add the css in theme code to implement this style??

Many thanks

2

Hii, @Joselena
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

3

@Zworthkey thank you. The url is: https://www.bodegamovil.co.uk

4

@Joselena
Paste this code on top of the section-main-product.css file.

p.product__text.subtitle {
    background-color: #FFDAB9 !important;
    max-width: fit-content !important;
}

Thank You.

5

Thank you very much!

6

@Joselena
Most Welcome!