How can I remove white bars on side of product image in Dawn theme?

[AuthorAngel]

Hi I'm really new to Shopify and I am using the Dawn theme. I have inserted a Product with image to show on front page.  However using an all black background, I'm trying to remove these white bars on the side?  

Can anyone advise how to get rid of those?  Thanks for your help

[Artzen_tech]

Hello @AuthorAngel 

Its Artzen Technologies! We will be happy to help you today.

PLEASE SEND YOUR STORE URL

Let me know if need further assistance
Regards,
Artzen Technologies

[AuthorAngel]

The URL is https://lesley-jones-writes.myshopify.com/  and my password is testing. Thank you for your advice

[David_SHT]

Hi @AuthorAngel ,

This is David at SalesHunterThemes.

I read your problem and it seems that I need to analyze your website to provide the solution here.

Would you please share your website URL

if your website is password protected then also provide the password.

David | SalesHunterThemes team.

[AuthorAngel]

The URL is https://lesley-jones-writes.myshopify.com/  and my password is testing. Thanks

[Artzen_tech]

Go to the Online Store->Theme->Edit code->Assets->theme.liquid>

Paste all css at above </body> tag 

<style>
.image-with-text.image-with-text--no-overlap {
    max-width: 100%;
}
</style>

[David_SHT · Accepted solution]

Hi @AuthorAngel ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
#shopify-section-template--20389147902243__5ceccf03-feff-4b73-b23f-f02c21243453 {
  background: #000 !important;
}
</style>

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[AuthorAngel]

Success Thank you so much 

[David_SHT]

You’re welcome! I’m glad I could provide the information you needed.

[PageFly-Noah]

Hi @AuthorAngel 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.image-with-text {
width: 100% !important;
}
#div#shopify-section-template--20389147902243__5ceccf03-feff-4b73-b23f-f02c21243453 {
background-color:#000;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly