How can I center align social media logos on my homepage?

Technical Q&A
1

Hi,

I’m trying to bring the 2 social media logos that I have on my homepage to the center of the custom content, so that they won’t be located on the left side as they are at the moment.

Hope someone can help with this one:) that’s my first website building experience.

Website:

https://sugar-free-eu.myshopify.com/

Pass: eveirt

Thank you in advance.

2

@Eli90 There’s alot going on in the css and not sure how you are adding the images. I assume from some block in the theme editor. Try the following by adding last to lines highlighted to .custom__item on line 7080 in theme.css:

Screen Shot 2022-08-23 at 10.47.58 AM.png
Screen Shot 2022-08-23 at 10.47.58 AM.png254×163 11.9 KB

Then to theme.css add:

.custom-content img {
width: 100% !important;
}

3

@Eli90

oh sorry for this issue

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.custom-content {
    justify-content: center;
}
.custom__image {
left: 0;
    right: 0;
    margin: 0px auto;
}
4

thanks a lot!! that worked !!

5

thanks a lot this one also worked for me!! :slightly_smiling_face:

6

@Eli90

its my pleasure to help us