Center featured collections

[SHBQA]

For some reason i cant center the features collections title ("BRANDS")

Theme: Dawn 15.0

URL: Shbqa.com

Password: shabaqua

[BSS-TekLabs · Accepted solution]

@SHBQA 

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

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

 

.title-wrapper--no-top-margin {
justify-content: 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 · Accepted solution]

Hello @SHBQA 

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>
.collection-list-wrapper .title-wrapper--no-top-margin {
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.

[BSS-TekLabs · Accepted solution]

@SHBQA 

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

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

 

.title-wrapper--no-top-margin {
justify-content: 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 · Accepted solution]

Hello @SHBQA 

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>
.collection-list-wrapper .title-wrapper--no-top-margin {
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.

[Made4uo-Ribe · Accepted solution]

Hi @SHBQA 

check this one.

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    justify-content: center;
}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[conversionist]

Before:




After:

and here how to do it:

• Open your Shopify admin panel
• Go to "Online Store" and then "Themes"
• Click "Actions" and then "Edit code"
• Locate your theme's CSS file. This is typically found in the Assets folder and might be named something like theme.scss.liquid or styles.csc

Add the following CSS to the bottom of your stylesheet:

.title-wrapper-with-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

#SectionHeading-template--21915630862370__collection_list_hV3iCJ {
  text-align: center;
}

Click "Save"