How to Center collection heading on Mr Parker Theme

Store Design
,
1

Hi Shopify Community,

Website Link: www.shoprivaazz.com

I was trying to implement google tags on my website by editing the liquid.theme file and successfully made the changes. I dont know if theres any direct link with my problem but i thought i would mention what exactly i was doing post which i have faced the issue of Collection heading shifting from center to left by it self. It was perfectly fine up until yesterday and after i made the changes the heading on the main page of each collection has moved to left and the border line above it. I don’t know how to fix this. any help related to this will be much appreciated.

Thank you

1 Like
2

Hi there,

I try to fix it. I take out the border-top and make a new one. It was an attach border not a border on the text so when you change the position of the header left-center-right those border will stay on the same place. You can change the color anytime.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.section-heading {
    text-align: center !important;
}
.section-heading h2 {
    border-bottom: 4px solid #9f9070;;
}
span.section-border {
    display: none;
}

Result:

Ribe_Dagandara_1-1689509152261.png
Ribe_Dagandara_1-1689509152261.png528Ă—239 38.6 KB

I hope it help.

3

Thank You Mike,

Whatever changes i had made to the file i have undone it and it has fixed the issue automatically. thank you for your help. appreciate it.