Re: Center Featured Collection Header On Dawn Theme

Center Featured Collection Header On Dawn Theme

BriJDW
Visitor
1 0 1

Hi, I'm trying to center the header attached to the featured collection heading. I've tried adding it to my the base css file but it won't work. Any suggestions?

Replies 22 (22)

KetanKumar
Shopify Partner
37144 3648 12059

@BriJDW 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
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
Marudhu25
Tourist
7 0 7

Hi Ketan,

              I'm also facing the same issue. I want to centre all my headings. If you see in https://www.storeatdoorworld.com ( password - maytha ), all headings ( Trending Now , Collections , Happy Customers ) are left aligned. I want all of them to be centred. Please help.

Mimiromo
Visitor
2 0 0

I'm having the same issue on my pages.  You would think it would be as simple as selecting the center icon.  I also want to change the size and color of the text.  It is huge and only allows black.

KetanKumar
Shopify Partner
37144 3648 12059

@Marudhu25 

yes please add this code

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

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

 

If helpful then please Like and Accept Solution.
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
Marudhu25
Tourist
7 0 7

Thank you, Ketan. That worked!

KetanKumar
Shopify Partner
37144 3648 12059

@Marudhu25 

its  my pleasure to help us

If helpful then please Like and Accept Solution.
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
5StarAF
Tourist
4 0 4

Hi there! I'm having the same problem and I placed the code at the bottom of the file and this didn't work 😞 The website I'm working with is in the Dawn theme and linked here: https://5staraf.com/

KetanKumar
Shopify Partner
37144 3648 12059

@5StarAF 

oh sorry for that issue can you try this code

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

.title-wrapper--no-top-margin>.title {text-align: center;}

 

If helpful then please Like and Accept Solution.
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
5StarAF
Tourist
4 0 4

Hmm that didn't seem to work either - possibly I did it wrong? Any tips?

KetanKumar
Shopify Partner
37144 3648 12059

@5StarAF 

can you please confirm 

KetanKumar_0-1655395368393.png

 

If helpful then please Like and Accept Solution.
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
5StarAF
Tourist
4 0 4

Screen Shot 2022-06-16 at 1.15.09 PM.pngThis is how mine looks. 

 

KetanKumar
Shopify Partner
37144 3648 12059

@5StarAF 

just add this code 

.title-wrapper--no-top-margin>.title {text-align: center;}
If helpful then please Like and Accept Solution.
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
5StarAF
Tourist
4 0 4

This was user error! I added it to the right place now! THANK YOU I appreciate this so much.

 

KetanKumar
Shopify Partner
37144 3648 12059

@5StarAF 

sorry for that but i hope now is working fine 

If helpful then please Like and Accept Solution.
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
rgv1
Excursionist
15 0 4

Thank you!!

 

KetanKumar
Shopify Partner
37144 3648 12059

@rgv1 

thanks for update if any issue let me know 

If helpful then please Like and Accept Solution.
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
KetanKumar
Shopify Partner
37144 3648 12059

@rgv1 

yes sure i will check and let you know 

If helpful then please Like and Accept Solution.
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
Ray3ark
Tourist
5 0 1

Hi KetanKumar

 

Currently updating my site from Venture Theme to Dawn Theme

Your code works! To center the HEADING for the featured collection, it works when I tried using adding the code you mentioned to base.css with the code below 

 

.title-wrapper--no-top-margin>.title {text-align: center;}

 

Can you please help also center the DESCRIPTION for Featured Collection?

Please see screenshot!

HELP.png

 

Many Thanks in Advance

 

leifatphoenix
Visitor
1 0 0

@KetanKumar this would be very helpful for myself as well! Much appreciated for all your time!!

alamiii
Excursionist
23 0 0

it works for me thanks

alamiii
Excursionist
23 0 0

the code not working for me please any help