Change social media icon hoover colour in homepage footer Dawn 15V

Solved

Change social media icon hoover colour in homepage footer Dawn 15V

ctal37
Excursionist
148 1 36

FBED1498-4AF8-4629-8BD0-B5424BC99C67.jpeg

8A423EB6-533B-44D9-BA6D-AE3089DF7210.jpeg

Hii,

My whole store button hoovering colour is red so my issue is my footer is also in red colour and there added icons hoover in red when we click on it so nothing shows after clicking the button its all blank. I want to change the hoover colour for the footer icons only and keep it to white.

 

check the screenshot: 

 

store url:   https://5a3cf5-fc.myshopify.com

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
1973 566 666

This is an accepted solution.

.footer-block--newsletter .list-social__link:hover {
    color: white !important;
}

 You can try this @ctal37 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

View solution in original post

Replies 5 (5)

niraj_patel
Shopify Partner
2378 514 511

Hello @ctal37 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  a.list-social__link:hover {
       color: #000 !important; /*change color according to you*/
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSS-TekLabs
Shopify Partner
1973 566 666

 

.list-social__link:hover {
    color: white !important;
}

 

 Can you add this code to last line file base.css @ctal37 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

ctal37
Excursionist
148 1 36

I want a change only for footer section not for the whole store social media icons 

BSS-TekLabs
Shopify Partner
1973 566 666

This is an accepted solution.

.footer-block--newsletter .list-social__link:hover {
    color: white !important;
}

 You can try this @ctal37 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

ctal37
Excursionist
148 1 36

Hey @BSS-Teklabs  

create colour wise collection from existing 6 style products

 

This change is so important to me I need your help really bad, and you will be the first one solving this issue on in community. I will be more than just thankful I don't know you but everything means a lot to me whatever help you do to help me

Can you help me with the issue given below

 

Store url  https://5a3cf5-fc.myshopify.com/

Check my profile for more details about this issue I've raised a question already.

 

I have 6 style heels with 4 different colours each style (Red Pink White Black ), so totally 24 pairs.

( 6 Red ) (6 Pink) (6 White) (6 Black)

I would like to create colour wise collection from existing 6 style products only.

 

Like ‘Red collection’ with all 6 style red heels,

‘Pink collection’ with all 6 style pink heels etc.

So I added everything correctly , I added pink tags products in Pinkish Collection and added it in main menu  navigation bar.

 

And now the issue is when i click on the option ‘Pinkish Collection’ its actually navigating me to all the products available in single style and not just showing pinks. So if I click on option pink i want all the pink products appear and rest disappear.  

I did all the steps correctly now the problem is in single style there's already 4 colours added its not single colour product so I can tag it with a single tag obviously I tagged all 4 colours in that same single style which is having all 4 colours.

 

So now tell me if I click on option pink collection i want all the pink products appear and rest disappear.

check the screenshots

ctal37_0-1723045503386.png

 

 

ctal37_1-1723045503221.png