i want this star image in center

Store Design
, , , , , , , , , ,

Topic summary

A user seeks to center a star image within a multi-column section on their Shopify store. Multiple developers provided CSS solutions with similar approaches:

Primary Solutions:

  • Add CSS targeting .multi-column__item with display: flex, flex-direction: column, and align-items: center
  • Alternative targeting: .multi-column__item img with margin: 0 auto

Implementation Methods:

  1. Theme-wide: Edit theme.liquid or base.css/theme.css files in the code editor
  2. Section-specific: Use the custom CSS field within the theme customizer for that particular section

Key Steps:

  • Navigate to Online Store → Themes → Edit code (or Customize)
  • Locate appropriate CSS file or custom CSS section
  • Paste provided code at the end of file
  • Save changes

All responders confirmed their solutions should resolve the centering issue. The discussion remains open with no indication the user selected a specific solution.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
5

Hi @rgeafrauuhf ,

You can edit this by adding a simple line of css

Go to your online store > themes > click on customise on current active theme > click on the section which needs to be changed > on rightside scroll down you can see custom css section > paste the below code.

.multi-column__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

by adding like this it only effect on that particular section only if you need to make change in every page where the section comes then

go to online Store > themes> click on three dots of current active theme> edit code > search for theme.css in leftside bar search > open it paste the above code.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans