My Colors Changed in my share-buttons.liquid file

Store Design
1

I changed the link color in my theme setting and so my icons that are usually white for the share buttons are now green/teal like my theme.

I’ve tried to figure out how to make them white, but so far nothing.

Here’s the theme code.

{% comment %}
   social_url {String}
    URL to share
 
   social_title {Object}
    If sending data to a service, description or title to share

   social_image {String|Boolean}
    If sending data to a service, URL of image to share, or false for no image
{% endcomment %}

{% assign share_url = social_url | url_param_escape %}
{% assign share_title = social_title | url_param_escape %}
{% assign share_image = false %}
{% if social_image %}
  {% assign share_image = social_image | url_param_escape %}
{% endif %}

  
    {{ snippet_title | t }}
  

  
  

    
      {%-
        render 'social-icon',
        id: 'facebook'
      -%}
      {{ 'general.accessibility.share_on_facebook' | t }}
    
    
      {%-
        render 'social-icon',
        id: 'x',
      -%}
      {{ 'general.accessibility.share_on_x' | t }}
    

    
      {%-
        render 'social-icon',
        id: 'linkedin'
      -%}
      {{ 'general.accessibility.share_on_linkedin' | t }}
    

    {% if share_image %}
      
        {%-
          render 'social-icon',
          id: 'pinterest'
        -%}
        {{ 'general.accessibility.share_on_pinterest' | t }}
      
    {% endif %}
2

Hey @DarkHorse ,

Can I have the store link?

3

https://darkhorseworkshop.com/collections/bag-patterns/products/leather-satchel2

You can see the 4 icons are odd coloring.

Like Facebok, X, Pinterest, whatever.

4

Add this to the CSS and it should be fine

.product-share path {
    color: #fff !important;
}
5

To that same file?

6

Added it to theme.css.liquid and it worked.

Appreciate it. :slightly_smiling_face:

7

Yeah sorry, couldn’t reply you on time, glad you figured that part :blush: