Dawn Theme multi column or featured collection heading centering

[chad0x001]

In both the multi column and featured collection sections on my home page, from the shopify dashboard there is no option to center the headings. How would I go about doing this please? I'm sure someone will say, "simply do X" which helps somewhat but I'd really like to know how you work this stuff out so I don't have to keep asking questions! I expected to be able to do this from the shopify admin dashboard rather than having to edit the css. Is that just how things are in in shopify, you always have to edit the appropriate asset/css? And if that is the case, when I click on my home page *as a customer* and right click > inspect element, which box on the right do I change the values in to see the effect it has please? Thats what the people answering these questions are doing and I don't want to keep taking your time with my small questions 🙂

the website is

https://www.fleshandbloodcards.com

[PageFly-Victor]

Hi @chad0x001 

This is Victor from PageFly - Shopify Page Builder App

As I checked in Dawn theme customizer options for the heading of Multicolumn, im so sorry but they don't provide options to change that in Shopify Admin Dashboard  

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.multicolumn .title-wrapper-with-link {
text-align: center;
}
</style>

Also this is screenshot of what i did to style the heading in live page. 

Hope this can help you solve the issue 

Best regards,

Victor | PageFly

[GemPages]

Hello @chad0x001 

I've checked with the theme, they don't have a setting so you can manually choose the left, right or center position for this part so you need to add custom code to adjust them to your liking.

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}
  <style>
    .title.h2 {
        text-align: center !important;
        width: 100%;
    }
  </style>
{%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[INA_MSWEB]

Hi @chad0x001 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.multicolumn .title-wrapper-with-link {justify-content: center;}

.collection__title.title-wrapper {margin-bottom: 2.5rem; text-align: center !important;}

Regards,

San

[cannabellalux]

This worked for me as well! Thanks for sharing!