Reduce the size of Image banner container

Hello, I have an image banner on my product page but the container for It is way too long and only reduces in size If I delete some of the text in the subheading. I am using dawn theme

This is what it looks like now

I would like to get it to look like this..

Thank you!

Hi @vhf1 ,

Please provide link to your store

it’s not easy to guide you without your store link but if you can locate the text container you can simply use his class name to obtain this

.container-class-name { width:30%; } or max-width: 300px; whatever you required

Hello @vhf1 ,

I understand you are looking to change the image banner on product image.

As you are using the dawn theme, you can follow the below mentioned steps to understand how you can adjust the size of this section.

Steps -:

  1. Go to Online Store → Themes → Click on Customize button

  2. Next change the page and select the Collection/Product Page https://prnt.sc/MeJnJXmG_usK , now mentioned screenshot page options will appear for adjusting the code https://prnt.sc/oSlRLIgOu87x

  3. Now, you have to make changes in this section for your desired output. https://prnt.sc/1Vm3ibYbZYFx

  1. Save changes

I hope this helps

Please let me know if you have any query or need further assistance.

Thank you.

vitalhomefinds.com

Hi @vhf1 ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

Thank you so much you’re amazing!

@theycallmemakka

The code worked but it made the text container on my homepage aligned to the left, like this.

This is what it normally looks like

Thank you!

Hi @vhf1 ,

It looks like all the banner uses the same DOM structure. Please replace the previous code with this new updated code and see if this works.

{% if collection %}

{% endif %}

Thank you

1 Like

Thank you!