Center the text

[BLola]

Hi All, 

Could someone help me with the following?

1. Is it possible to center the text "Shop Our Top Categories" and also the category names?
2. Additionally, could I center the "Best Sellers" title, as well as the names and prices of each item?

Thank you so much!

[BSS-TekLabs]

- Here is the solution for you @BLola 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.title-wrapper--no-top-margin, .full-unstyled-link, .card-information {
    justify-content: center !important;
    text-align: center !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[niraj_patel]

Hello @BLola 

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 </body> on theme.liquid
<style>
  .title-wrapper--no-top-margin{
       text-align: center !important;
       justify-content: center !important;
   }
   .card__content {
     justify-content: center !important;
   }

</style>

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

[BSSCommerce-B2B]

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. 
Step 3. Add this code to the end of the file

.title-wrapper-with-link .collection-list-title {
   width: 100%!important;
}
.collection__title,
.title-wrapper-with-link .collection-list-title ,
.collection .card__information,
.collection .card__information .price {
  text-align:center!important;
}

You will get the result like this

If it helps you, please like and mark it as the solution.

Best Regards