How can I center social media icons on my page?

Store Design
1

I can’t seem to shift the Social Media Icons to the center of the page. Any suggestions would be appreciated.

https://www.dadbodpepper.com/

2

Hi @DadBod ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
#shopify-section-template--15706393444609__1646686670d6ea64da h2.page-title {
	 text-align: center !important;
}
 #shopify-section-template--15706393444609__1646686670d6ea64da .rte > div {
	 display: flex;
	 justify-content: center;
}
 #shopify-section-template--15706393444609__1646686670d6ea64da .rte a {
	 display: flex;
	 justify-content: center;
}
 #shopify-section-template--15706393444609__1646686670d6ea64da .rte img {
	 float: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Thank you, that worked.