Centering Title and Body Text; Origin Theme

[pzcozycribs]

Hello,

Can anyone help me with centering the “Contact Us” title, the “Cancellation Policy” title, and the corresponding body of text beneath the title? Right now, they are located on the left side and I would like for them to be in the center.

For context, my URL is p-z-cozy-cribs.myshopify.com and the password is euneuz

My website theme is Origin

Thank you!

[Angel95]

Hello,

.main-page-title {

1. margin-bottom:
   3rem;

2. text-align: center;

}
please put this css for the contact us page in the base.css file.

[Dan-From-Ryviu]

Hi @pzcozycribs , you can follow these steps below to do it

Online store > Themes > Edit code > Assets > base.css, add this code at the bottom of file, click Save button

.section-template--17165471121720__main-padding .rte,
h1.main-page-title { text-align: center; }

[Simonsron]

.main-page-title{
  text-align:center;
}

Replace the content inside the rich text of the Cancellation Policy with the following

Before replacing it you will need to turn on the open source switch in the top left hand corner of the rich text editor.like this

  We maintain a firm cancellation policy, which means that all bookings are eligible for a full refund for cancellations up to 30 days before check-in. If booked fewer than 30 days before check-in, a full refund for cancellations made within 48 hours of booking and at least 14 days before check-in. After that, all bookings are eligible for a 50% refund up to 7 days before check-in. We will not issue a refund after that.

[rutvik_shop]

Hello @pzcozycribs !
Please add the below code to your base.css theme file at the bottom to center align the heading and content.

@media screen and (min-width: 750px){
.section-template--17165471121720__main-padding {
    text-align: center !important;
}
.main-page-title {
    text-align: center !important;
}
}

Hope this helps.

[harivishwakarma]

Hallo @pzcozycribs

Do as I say. check image

[PageFly-Victor]

Hi @pzcozycribs

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

h1.main-page-title.page-title.h0 {

text-align: center !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[shubhamSharma]

hello @pzcozycribs

step 01:

1. Go to your Store > Navigation
2. click your menu and open section
3. simply drag & drop your menu order postion

this idea helps you

[harivishwakarma]

@shubhamSharma

copyright claim

[Ujjaval]

@pzcozycribs
Put below css into base.css file (0nline store->themes->Edit code->Assets->base.css)

h1.main-page-title.page-title.h0 {
    text-align: center !important;
}

[eFoli-Marvic]

@pzcozycribs

add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

.main-page-title.page-title{
  
     text-align: center !important;

}

[shubhamSharma]

hello @pzcozycribs

Step 01:

1. Go to your Store > Theme > click to edit code.
2. find this file " theme.liquid" and open.
3. Paste the code at the end of the file.

https://prnt.sc/bixpgAlFq7Lj

this idea helps you