Display Estimated Delivery Date in 2 lines shopify (Dawn Theme)

Store Design
, ,

Topic summary

A Shopify store owner using the Dawn theme wants to display an estimated delivery date message in 2 lines instead of 4. They added custom code showing “It will be delivered between [date] to [date]” but the text breaks across multiple lines.

Desired format:

  • Line 1: “It will be delivered between”
  • Line 2: “11th January to 13th January” (in bold)

Solutions provided:

Multiple community members offered CSS fixes to resolve the formatting issue:

  • LizHoang suggested adding CSS to Theme settings > Custom CSS targeting .accordion__content elements
  • DaisyVo provided more specific CSS code with !important flags to override existing styles
  • Made4uo-Ribe offered the most targeted solution using flexbox properties and the specific element ID, which successfully resolved the issue

The working solution uses display: flex and flex-direction: column to control text layout. All solutions involve adding CSS to the theme’s custom CSS section or base.css file.

Status: Resolved with CSS code provided by Made4uo-Ribe. Another user expressed interest in implementing the same feature.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
10

Hello The result is still same.

Store url - www.jagstore.in