How can I center various headings and buttons on Sense Theme 11.0.0?

Store Design
1

Website: serenity-kits.com

Currently running the theme “Sense - 11.0.0”

For Desktop I would like to center:

  • The “contact” button that appears on the contact us page.

  • Blog post headings

  • Collection headings

For Mobile I would like to center

  • Multicolumn headings

  • Collection headings

  • Featured products title

2

Hi @TonyG54

This is Henry 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

.contact__button, h1.article-template__title {

text-align: center !important;

}

@media (max-width: 767px){

.product__info-wrapper .product__title h1 {

text-align: center !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly