Solved

Help editing Narrative Theme footer - change font weight and alignment

delacruzndj
Tourist
6 0 1

Hi there!!

I'm trying to customize a little bit the footer, but so far no luck. I want to change the weight of the menu to something a little bit lighter. I would also like to center the social media icons right below the menu options, and the copyright text centered at the bottom. How can I do this?

This is what it looks like now.

Screen Shot 2021-10-23 at 21.49.46.png

This is what I want it to be.

Screen Shot 2021-10-23 at 21.50.03.png

Thank you so much in advance! ;D

Accepted Solution (1)
suyash1
Shopify Partner
8962 1113 1460

This is an accepted solution.

@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check

 

.site-footer a {font-weight: initial;}

.site-footer__bottom {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site-footer__copyright {
    margin-top: 20px;
}

 

suyash1_0-1635049355183.png

 

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me

View solution in original post

Replies 10 (10)

suyash1
Shopify Partner
8962 1113 1460

@delacruzndj- can you please share your website link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
delacruzndj
Tourist
6 0 1

Yes! Thank you. 

https://lushbakes.myshopify.com/

No password.

suyash1
Shopify Partner
8962 1113 1460

@delacruzndj- it is showing different footer, is theme different than live site?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
delacruzndj
Tourist
6 0 1

Yes. I'm working on a new theme for a rebranding of the website. 

suyash1
Shopify Partner
8962 1113 1460

@delacruzndj- can you please share that theme preview link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
suyash1
Shopify Partner
8962 1113 1460

This is an accepted solution.

@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check

 

.site-footer a {font-weight: initial;}

.site-footer__bottom {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site-footer__copyright {
    margin-top: 20px;
}

 

suyash1_0-1635049355183.png

 

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
delacruzndj
Tourist
6 0 1

It worked! And so simple. Thank you so much. 

Can we do something about the social icons and copyright alignment?

suyash1
Shopify Partner
8962 1113 1460

@delacruzndj- please check above reply again, I edited it, have given all code, add it to very end of your css file and it should look like screenshot above

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
delacruzndj
Tourist
6 0 1

It all worked! Thank you so much. It looks great. 😄