How can I add a line breaker to image banner headings and text in Dawn?

[Dabou]

Hello everyone, im trying to add a line breaker to both heading and text in the image banner sections in my store

I've seen two discussions concerning this feature here on the forums, but they don't seem to work, probably cause the image-banner.liquid has been updated since they were posted.

https://community.shopify.com/c/shopify-design/dawn-theme-line-break-image-banner-text/m-p/1722919

https://community.shopify.com/c/shopify-design/dawn-theme-image-banner-section-how-to-create-line-br...

Thank you.

[Ahsan_ANC · Accepted solution]

Hi @Dabou in the image-banner.liquid file find the blocks settings and inside that increase the limit for heading and  text blocks, currently it is set to one by default, just change that to 2 or 3 as per your need.

then you can add headings and text that will be on new line. to reduce the space between headings add this css to the section custom css box on customizer

.banner__heading{
margin-top:0;
}

[Ahsan_ANC · Accepted solution]

Hi @Dabou in the image-banner.liquid file find the blocks settings and inside that increase the limit for heading and  text blocks, currently it is set to one by default, just change that to 2 or 3 as per your need.

then you can add headings and text that will be on new line. to reduce the space between headings add this css to the section custom css box on customizer

.banner__heading{
margin-top:0;
}

[Dabou]

@Ahsan_ANC that worked thanks.

[Ahsan_ANC · Accepted solution]

add this for subheadings

.banner__text:not(:first-child) {
  margin-top: 0;
}

[Dabou]

@Ahsan_ANC thank you.

[AtelierExteriur]

Hi Ahsan, this hasn't worked for me. Any advice please?