If you see "Outdated WooCommerce template files" message in your Wordpress site please   

Okay
  Public Ticket #1883568
Social Icons
Closed

Comments

  •  3
    jdefranclieu started the conversation

    Hello,

    I would like to put all the social icons in color, like I did for the footer, but I can not find the option for the menu and the protofolio items, all the rest changed when I had the code : [lab_social_networks colored-bg="hover" rounded] . You can see that in the news section, but it did not change in portofolio and on the full page menu.

    And if I want to put the icone in colored like on the attachment ? , I found this option on this page : https://demo.kaliumtheme.com/main/elements/social-networks/

    Thanks for your help.

    Jerome

    Attached files:  Social Icons colored.jpg

  •  707
    Art replied

    Hi Jerome,

    That's not possible through theme options but using custom CSS you can do that by pasting the CSS below to your Custom CSS area:

    .single-portfolio-holder .social-links-rounded .social-share-icon i {
        color: #FFF;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon.facebook {
        background-color: #3b5998;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon.twitter {
        background-color: #55acee;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon.linkedin {
        background-color: #0077B5;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon.pinterest {
        background-color: #c8232c;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon.envelope-o {
        background-color: #CCC;
    }
    .single-portfolio-holder .social-links-rounded .social-share-icon:hover {
      opacity: 0.75;
    }
    

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  •  3
    jdefranclieu replied

    Hello Art,

    Thanks for the answer that's perfectly what I needed.

    Now I would like to do the same on the footer of my full page menu but without the circle around the icon as, you can see on the footer of the website, I used the following code : [lab_social_networks rounded colored]

    I did not find any option in the Laborator theme options to set it up.

    Thanks for your help.

    Jerome

  •  707
    Art replied

    Hi Jerome,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  •   jdefranclieu replied privately
  •  707
    Art replied

    Hi Jérôme,

    I have added some extra CSS and the changes are applied now, you can see them live on your site.

    Have a great week!

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  •   jdefranclieu replied privately
  •   jdefranclieu replied privately
  •  707
    Art replied

    Hi Jérôme,

    By adding the CSS this is how the social networks look like, I don't know why you see them white maybe you have a browser cache you need to clear but the social networks have changed now:

    medium
    (view large version)

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  •   jdefranclieu replied privately
  •  707
    Art replied

    Hi again,

    The menu social networks are now just like in the footer, have a great day.

    I will set this ticket as solved from here, if you have any other question please create a new ticket instead.

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook