Help me with the footer pls

this is what i try to achieve

n this is how mine look like

the footer is diff in color, diff in padding size, n the social icon not as big n white as reference pic on the top
pls anyone can help me?

Please, if you would, share your website URL.

https://sheeksorority.com/

pls check
https://sheeksorority.com/

Hi @Sheeks ,

I still here to give you solution to solved this issue ^^

You can edit css to your website where you want look like the demo store try to achieve.

Of course, Let’s edit in base.css:

.rvxpo_collection_rating_widget svg {
    fill: gold !important;
}

ul.list-inline.social-icons-list {
    padding-top: 45px !important;
    scale: 1.5;
}

In my example, I have changed the color “fill” of your review star, add the padding and make the list social box bigger.

After Save this code and reload page, the result will be:

Hope it helps.

awww, u even make the star gold in color
it doesnt feel useless to be there now
thanks!
for that footer
how about we try making the padding darker as bottom bar, the icon as white n lay nicely in btwn footer n bottom bar

like this?

Hi @Sheeks ,

You just need to edit css as below to solve this issue:

.footer-bottom {
    background: black !important;
}

.footer-bottom * {
    color: white !important;
}

In this case, this attributes can making the padding darker as bottom bar, the icon as white n lay nicely in btwn footer n bottom bar as you want.

And the result will be:

We’re happy to see that our suggestion helped you solve the issue.

1 Like

see. the color is same as bottom bar n the icon white in color!
can u help me bring those icon to its lowest, so there is no gap btwn copyright n those icon
like pic below

Hi @Sheeks ,

Yes, you add in this below script into base.css :

#shopify-section-sections--22878672060691__footer .social-icon-box {
    padding-bottom: 0 !important;
}

The result will be:

Hope it helps

I am sorry :confused: How can u do that. I copy the same code but cant?

As my private message I sent, you can reduce padding-bottom (your customize of footer padding) as you want.

So you don’t have to add more the code in base.css.

And the result padding will be “match with two finger” as you said. hahah

Hope it helps.

1 Like

hi again! ^^
workdayyy. cant reply u in morning. thou can u help me with that icon. i want it to be as close to the copyright. I copied the same code, but somehow i cant make it. can u help check for me :folded_hands:

Hi @Sheeks ,

Sorry about my delayed to reply, I haved a short holiday trip in some days.

You can try this code in base.css:

.social-icon-box {
    margin-bottom: -55px !important;
}

Save this code and reload page:

The footer will be:

I hope these instructions will help you. If they are helpful, please let us know by giving likes and mark as the solution.

Thanks in advance.

Have a nice day, sir!! ^^

It workkkssss!
thank u so much!
I know u r going for holiday, I did reply u in email but i guess it wont work unless i reply from this side
Thanks again ^^