Help me with the footer pls

Solved

Help me with the footer pls

Sheeks
Explorer
70 1 6

this is what i try to achieve

Sheeks_0-1719740091299.png

n this is how mine look like

Sheeks_1-1719740132031.png

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?

 

Accepted Solution (1)
BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

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: 

BSSCommerceB2B_0-1720151989080.png

 

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!! ^^

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 13 (13)

WalkYourStyle
Tourist
194 23 20

Please, if you would, share your website URL.

Sheeks
Explorer
70 1 6
Sheeks
Explorer
70 1 6

BSSCommerce-B2B
Shopify Partner
565 114 137

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: 

BSSCommerceB2B_1-1719756404414.png

 

 

Hope it helps. 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Sheeks
Explorer
70 1 6

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

Sheeks_0-1719758467880.png

like this?

BSSCommerce-B2B
Shopify Partner
565 114 137

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: 

BSSCommerceB2B_0-1719763276776.png

 

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

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Sheeks
Explorer
70 1 6

Sheeks_1-1719764334146.png

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

Sheeks_2-1719764693224.png

 

BSSCommerce-B2B
Shopify Partner
565 114 137

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: 

BSSCommerceB2B_0-1719765373923.png

Hope it helps

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Sheeks
Explorer
70 1 6

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

Sheeks_0-1719792676217.png

 

BSSCommerce-B2B
Shopify Partner
565 114 137

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Sheeks
Explorer
70 1 6

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 🙏

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

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: 

BSSCommerceB2B_0-1720151989080.png

 

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!! ^^

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Sheeks
Explorer
70 1 6

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 ^^