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.
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.
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)
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:
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
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; }Best regards,
Laborator Team
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
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)
Best regards,
Laborator Team
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!
Best regards,
Laborator Team
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:
(view large version)
Best regards,
Laborator Team
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.
Best regards,
Laborator Team