Help editing Narrative Theme footer - change font weight and alignment

Solved
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)

Accepted Solutions
suyash1
Shopify Partner
3730 410 612

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

 

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

Replies 10 (10)
suyash1
Shopify Partner
3730 410 612

@delacruzndj- can you please share your website link?

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
suyash1
Shopify Partner
3730 410 612

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

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
delacruzndj
Tourist
6 0 1

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

suyash1
Shopify Partner
3730 410 612

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

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
suyash1
Shopify Partner
3730 410 612

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

 

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

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
3730 410 612

@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

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30