Header not centered and can not make spacing wider

I actually have quite a few questions since this is my first time creating a shopify site. I’m very early on shop development so am using placeholder images atm. I will do my best to describe the issue and provide images.

  1. On my home page how do I put the collection header in the center rather than on the top left? Also, how do I make the spacing between each of the product images wider? (I’d also like to make the spacing wider on the products page).

  1. Below is what my footer currently looks like. Is there a way to move the email subscription box to the top left, have an image in the center (basically where it says info), and have social contact links with icons on the right side? (image below of icons) Is there also a way to remove the paypal and venmo icons at the bottom?

Thanks in advance to anyone who can help me!

Hi there,

Can you share your website link?

Centering the heading on the homepage should be pretty straight-forward.

Regarding the product blocks spacing, should it be applied only to product pages?

Adding the social media icons as indicated is doable, however, coding knowledge would be required. You might consider hiring a developer to handle this.

Cheers!

Gabriel

Thanks so much for the quick response!

My website link is: https://evergloss-8269.myshopify.com/

I couldn’t figure out how to center this header since these were the only given options unfortunately.

For the spacing, I’d like it on my home page for my featured products, along with my products page.

Hmm, I see, I think I might have to hire a developer to help me since I have a vision on how I want everything to look but am totally clueless with creating websites and coding, do you by any chance know what the price range is?

The website is currently password protected. Can you provide the password?

Regarding the price range, I can’t say for sure, it varies depending on the complexity of what needs to be done.

Sorry about that! The password is: owtsao

And thank you, I think I will do more research and hire someone from fiverr for assistance.

The below code would center the titles.

.collection__title.title-wrapper h2 {
  text-align: center;
}

And one possible way to increase the spacing between the product blocks would be:

.grid--4-col-desktop .grid__item {
  padding: 5px;
}

Below, you can find a relevant screenshot

Applying the above codes at the end of your ‘base.css’ file should look as in the screenshot above.

If you require further assistance, you can also find me on the platform that you’ve indicated, /soaregabriel.

Regards,

Gabriel

1 Like

Thank you so much! This fixed my problem, I appreciate you taking the time to help me with this issue.

Glad that I could be helpful!

Have a nice day!