How i can make this to same line to start

Store Design
,

Topic summary

A user is experiencing an alignment issue where elements are not starting on the same line, as shown in their screenshot.

Solution Provided:

A CSS fix was offered to resolve the alignment problem:

  • Navigate to: Online Store → Themes → Edit code
  • Locate and open the CSS file (custom CSS or base.css)
  • Add the following code at the end:
body .trustbadge-content {
    justify-content: flex-start !important;
}

This targets the .trustbadge-content element and forces left alignment using flexbox properties. The solution includes step-by-step instructions with a supporting screenshot showing where to insert the code.

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

labana_0-1742559325252.png
labana_0-1742559325252.png1192Ă—832 61.6 KB

2

Hello! @labana Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
body .trustbadge-content {
    justify-content: flex-start !important;
}

HuptechWeb_0-1742559549132.png
HuptechWeb_0-1742559549132.png553Ă—772 97.4 KB

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

1 Like