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 requiredHello @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 -:
Go to Online Store → Themes → Click on Customize button
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
Now, you have to make changes in this section for your desired output. https://prnt.sc/1Vm3ibYbZYFx
First click on Image Banner, this type of options will appear https://prnt.sc/7t8NcZiKDrPK , change the banner height in this.
Next click on heading text https://prnt.sc/4rG1JXOpwX5K and change heading size, you can also make your italic or bold. https://prnt.sc/IU3i49VatRvh
In Description text click on this section https://prnt.sc/FoygVAF9yk30 , and can adjust description, text styling https://prnt.sc/u_-XvLiRy26U
In your reference image button are not present, you can also remove button if you want https://prnt.sc/afv-SfTkpuxY
I hope this helps
Please let me know if you have any query or need further assistance.
Thank you.
Hi @vhf1 ,
Follow these Steps:
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
Thank you so much you’re amazing!
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
Thank you!