Centralise Pages Heading and Remove Contact Info Policy

Store Design
, , , , ,
1

Hello,

I would like to centralise all the heading text for my pages, they are currently left-aligned (see attached).

I would also like to remove the contact information policy from the bottom of my store (see attached). There is no text on this page so I am not sure why it is still showing - any help will be greatly appreciated.

URL: golazocasesuk.myshopify.com

Theme: Trade

Screenshot 2024-08-19 at 08.20.58.png
Screenshot 2024-08-19 at 08.20.58.png581×355 12 KB

Screenshot 2024-08-19 at 08.21.13.png

2

Hello @golazocases

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 on theme.liquid

@media screen and (max-width: 767px){ #shopify-section-template--23345805132121__main h1.main-page-title.page-title.h0 { text-align: center !important; } .footer ul.policies.list-unstyled li:nth-child(2) { display: none !important; } }

niraj_patel_0-1724052871062.png
niraj_patel_0-1724052871062.png318×354 8.17 KB

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

3

Thanks this has worked but I want all my pages to be centralised headings. Currently this code only works for FAQs page. Also could you have a look at my other request regarding the contact information policy page?

Thanks

4

replace the code and add this

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 on theme.liquid

@media screen and (max-width: 767px){ h1.main-page-title.page-title.h0 { text-align: center !important; } }

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

you want to remove this part?

niraj_patel_0-1724053674790.png

5

Hi @golazocases ,

I hope you’re doing well. I’ve reviewed your website, please follow the instructions below:

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Find the file theme.css and add the below code snippet in the file

h1 {
   text-align: center;
}

.policies .list-unstyled {
    display: none;
}

Step 3: Save the changes and reload website.

Thanks!

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

6

there is no theme.css

7

Thanks but this only does it for mobile, can I have it so all the page headings are centralised on both desktop and mobile pls

8

Please check for base.css

9

thanks, this has worked but for some reason the contact info policy page is still up ..?

10

Or 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 code I’ve provided above before on theme.liquid

@media (max-width: 768px) { h1 { text-align: center; } .policies .list-unstyled { display: none; } }
11

I thought you want CSS for mobile sorry for that

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 on theme.liquid

h1.main-page-title.page-title.h0 { text-align: center !important; } .footer ul.policies.list-unstyled { display: none !important; }

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

12

Please try the below code and let me know if it works, thanks!

a[href="/policies/contact-information"] {
display: none; /* This hides the link */
}
13

Its fine I will use this code, I will sort the contact information later. The thing is its now centralising all headings H1 - including the product title on the product page. I only want to centralise the headings on the pages without effecting headings elsewhere.

14

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

{% if template == 'page.faqs' %} #shopify-section-template--23345805132121__main h1 { text-align: center; } {% endif %}
15

faq page, shipping info page, contact page all need central pls

16

If you want faq page, shipping info page, contact page headings to be aligned center then please use the below code:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

{% if template == ‘page.faqs’ or template == ‘page.shipping-info’ or template == ‘page.contact’ %}

#shopify-section-template--23345805132121__main h1, #shopify-section-template--23286665773401__main h1, #shopify-section-template--23286665740633__main h1 { text-align: center; }

{% endif %}

17

this hasnt worked

18

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css file

  3. Paste the below code

@media (max-width: 768px) {
#shopify-section-template--23345805132121__main h1,

#shopify-section-template--23286665773401__main h1,

#shopify-section-template--23286665740633__main h1 {
          text-align: center !important;
      }

}