Jump to content

Social Icons Color Change Not Working

Recommended Posts

Site URL: https://www.waterdropstudio.com

Hello! Wondering if someone could take a look at my coding.  I am a designer, not a coder so I find what I need on the internet and cross my fingers that it'll work for some things.  

I am trying to change the color of my social media block in my footer, and the code was working for a while and now it only works when I edit the footer block.  Once I click save and navigate to a new page the icons turn black. This is the code I am using:

/*footer social color change */
.sqs-use--icon {fill:#A49175!important;}

.sqs-use--mask {fill:#fbf2d6!important;}

 

I also added some code to customize the bullets, and the same thing happens; it works for a minute and then switches back to normal bullets. Using this code:

/*CUSTOM BULLETS*/
ul[data-rte-list] li>*:first-child::before {
    content: "\21AA";
    font-weight: 400;
    color: #A49175;
}

 

I'm wondering if I have some bad syntax somewhere that is causing this to happen? 

Site is: waterdropstudio.com

Password: kimchi

 

If anyone has a sec to take a look I'd reallly appreciate it! Thanks!

Screen Shot 2021-04-27 at 2.48.50 AM.png

Screen Shot 2021-04-27 at 2.48.59 AM.png

Screen Shot 2021-04-28 at 1.52.35 PM.png

Screen Shot 2021-04-28 at 1.52.59 PM.png

Link to comment
  • Replies 5
  • Views 331
  • Created
  • Last Reply
On 5/1/2021 at 4:31 AM, Karls said:

Hi @tuanphan, the social icons are in the footer, and they still aren't working.

waterdropstudio.com/home

I removed the code for custom bullets because they were causing the bullets not to show up at all, but they were on about.  waterdropstudio.com/about-waterdrop-studio under "who we work with".

Thanks!

With social icons. You try contacting Squarespace Customer Care. 

There are some problems with the icon's code structure, and I can't think of what caused it, maybe from the SS system.

With bullet

I don't see Who we work

image.thumb.png.71cb3b0383076a5229320bbbc3238f93.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi @tuanphan

Thanks for your reply! I removed the custom bullets, no worries on that.

So weird about the social icon color change.  Will Squarespace support even answer a question about that? They don't help with custom code, right?

Would you happen to know a different code that would accomplish the same result?

Thanks again.

Link to comment
On 5/3/2021 at 10:16 AM, Karls said:

Hi @tuanphan

Thanks for your reply! I removed the custom bullets, no worries on that.

So weird about the social icon color change.  Will Squarespace support even answer a question about that? They don't help with custom code, right?

Would you happen to know a different code that would accomplish the same result?

Thanks again.

You try duplicate your site & remove all code & check. If it doesn't work, contact SS customer care (for duplicate site)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.