Dawn theme - Footer - How to left align headings?

Solved

Dawn theme - Footer - How to left align headings?

chaletboutique
Explorer
51 0 16

Just need a hand with the Dawn theme. The footer headings are centre aligned and I'd like them left aligned. Also, the font colour looks semi-transparent? Can I make it a solid white?

 

Footer.jpg

Accepted Solution (1)
KetanKumar
Shopify Partner
37585 3668 12152

This is an accepted solution.

@chaletboutique 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css ->paste below code at the bottom of the file.

.footer-block__heading {text-align: left;}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 10 (10)

KetanKumar
Shopify Partner
37585 3668 12152

@chaletboutique 

KetanKumar_0-1656838077058.png

 

i can see its left already 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chaletboutique
Explorer
51 0 16

Hello,

 

The Dawn theme I am building isn’t currently live. The website that is up at the moment is debut theme and I am transferring over to Dawn. 

KetanKumar
Shopify Partner
37585 3668 12152

@chaletboutique 

can you please show me current theme url please

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chaletboutique
Explorer
51 0 16

This is the URL I was able to find for the dawn theme I am talking about.

https://t8s834q1c3hf15ou-43786535076.shopifypreview.com

 

Otherwise, this is the current theme:

www.chaletboutique.com.au

KetanKumar
Shopify Partner
37585 3668 12152

This is an accepted solution.

@chaletboutique 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-footer.css ->paste below code at the bottom of the file.

.footer-block__heading {text-align: left;}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chaletboutique
Explorer
51 0 16

Hi there,

Sorry that didn't work. Footer Code.jpg

footer code 2.jpg

chaletboutique
Explorer
51 0 16

Is there another spot I should paste the code or something else I can try?

KetanKumar
Shopify Partner
37585 3668 12152

oh sorry your have added code wrong place

please check my details again 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chaletboutique
Explorer
51 0 16

Silly me! So sorry. Thank you it works perfectly. 

cdgerard
Shopify Partner
43 2 3

Dear KetanKumar,

 

I want to also left-align my footer headings and this works fine.

BUT I also want the headings on the other sections to be center-aligned and I am using the following code which overwrites your code. IS there any way where I can have footer headings left-aligned whilst other headings center-aligned?

 

I added this code to base.css

 

.page-width h2 {
text-align: center!important;
display: block!important;
width: 100%;
}