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

Solved
Joselena
Tourist
3 0 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

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

 

 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2535 301 634

This is an accepted solution.

@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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 5 (5)
Zworthkey
Shopify Partner
2535 301 634

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2535 301 634

This is an accepted solution.

@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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2535 301 634

@Joselena 
Most Welcome!

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com