i want this star image in center

[rgeafrauuhf]

i want this star image in center, its multi coloumn section.

https://huurraa.myshopify.com

pass = Hurra

[niraj_patel]

Hello @rgeafrauuhf 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .section-stack .multi-column__item{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[dws_pvt_ltd]

Hello @rgeafrauuhf , 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.

.multi-column__item img {
    margin: 0 auto;
}

See the screenshot below.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[parth_ghelani]

Hello @rgeafrauuhf 

You just need to follow below steps:

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css file

3. Paste the below code at the end of the file.

.section-stack .multi-column__item img {
  margin: 0 auto;
}

4. Don't forget to save the file after making changes.

Hope this solution works best for your issue.

[Sangeetanahar]

Hello @rgeafrauuhf 

Go to online store ---------> themes --------------> actions ------> edit code-------> assets-------> theme.css
add this code at the end of the file

.multi-column__item img {
    margin: 0 auto;
}

result will be

Buy me a Pizza
- If helpful then please Like and Accept Solution.

Thanks

[Sweans]

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

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.multi-column__item img {
margin: 0 auto;
}