Dawn Theme multi column or featured collection heading centering

Dawn Theme multi column or featured collection heading centering

chad0x001
Explorer
63 3 14

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

Replies 4 (4)

PageFly-Victor
Shopify Partner
7865 1785 3079

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. 

PageFlyVictor_1-1678237864494.png

 

Hope this can help you solve the issue 

 

Best regards,

Victor | PageFly

 

GemPages
Shopify Partner
5624 1261 1231

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

GemPages_0-1678244148368.png

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

GemPages_1-1678244413432.png

{%  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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

INA_MSWEB
Shopify Partner
1228 142 156

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

cannabellalux
Shopify Partner
4 0 0

This worked for me as well! Thanks for sharing!