Social Sharing Buttons - Support | Kriesi.at

Tagged: social sharing buttons

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
September 26, 2014 at 6:35 pm #325718

GOWD
Participant

Hi, two questions,

1.
Are the Social Sharing Buttons only available to add to the bottom of Blog posts?
Can they be added to appear at the bottom of pages as well?

2.
I want to swap the colours of the non hover state with the hover state for the Social Sharing Buttons.
What is the code to do that?

The code you gave me to do this for the Social buttons at the top of the page was;

#top .social_bookmarks_facebook:hover a {
color: #37589b !important;
background-color: transparent !important;
}
#top .social_bookmarks_facebook a {
color: white !important;
background-color: #37589b !important;
}

#top .social_bookmarks_twitter:hover a {
color: #46d4fe !important;
background-color: transparent !important;
}
#top .social_bookmarks_twitter a {
color: white !important;
background-color: #46d4fe !important;
}

#top .social_bookmarks_gplus:hover a {
color: #da2713 !important;
background-color: transparent !important;
}
#top .social_bookmarks_gplus a {
color: white !important;
background-color: #da2713 !important;
}

#top .social_bookmarks_linkedin:hover a {
color: #0274b3 !important;
background-color: transparent !important;
}
#top .social_bookmarks_linkedin a {
color: white !important;
background-color: #0274b3 !important;
}

#top .social_bookmarks_youtube:hover a {
color: #ee272a !important;
background-color: transparent !important;
}
#top .social_bookmarks_youtube a {
color: white !important;
background-color: #ee272a !important;
}

#top .social_bookmarks_flickr:hover a {
color: #ff0084 !important;
background-color: transparent !important;
}
#top .social_bookmarks_flickr a {
color: white !important;
background-color: #ff0084 !important;
}

September 28, 2014 at 7:23 am #326098
Ismael
Moderator
Hi GOWD!

Thank you for using Enfold.

You can use this on functions.php if you want sharing section on pages:
```
add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1);
function avia_add_social_toolbar_template_builder($content = "")
{
	$content .= avia_social_share_links(array(), false);
	$content .= '<div style="height:1px; margin-top:50px;" class="hr"></div>';
	return $content;
}
```
Edit this one, remove the hover part:
```
#top #wrap_all .av-social-link-rss:hover	   	 a{color:#fff; background-color:#ffa133; }
#top #wrap_all .av-social-link-facebook:hover  a{color:#fff; background-color:#37589b; }
#top #wrap_all .av-social-link-twitter:hover   a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .av-social-link-mail:hover      a{color:#fff; background-color:#9fae37; }
#top #wrap_all .av-social-link-dribbble:hover  a{color:#fff; background-color:#e44885; }
#top #wrap_all .av-social-link-linkedin:hover  a{color:#fff; background-color:#419cca; }
#top #wrap_all .av-social-link-search:hover    a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-gplus:hover     a{color:#fff; background-color:#de5a49; }
#top #wrap_all .av-social-link-behance:hover   a{color:#fff; background-color:#008cfa; }
#top #wrap_all .av-social-link-flickr:hover    a{color:#fff; background-color:#ff0086; }
#top #wrap_all .av-social-link-forrst:hover    a{color:#fff; background-color:#234317; }
#top #wrap_all .av-social-link-myspace:hover   a{color:#fff; background-color:#000000; }
#top #wrap_all .av-social-link-tumblr:hover    a{color:#fff; background-color:#345574; }
#top #wrap_all .av-social-link-vimeo:hover     a{color:#fff; background-color:#31baff; }
#top #wrap_all .av-social-link-youtube:hover   a{color:#fff; background-color:#a72b1d; }
#top #wrap_all .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027; }
#top #wrap_all .av-social-link-skype:hover 	   a{color:#fff; background-color:#12a5f4; }
#top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658; }
#top #wrap_all .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222; }
#top #wrap_all .av-social-link-soundcloud:hover  a{color:#fff; background-color:#F76700; }
#top #wrap_all .av-social-link-xing:hover 	     a{color:#fff; background-color:#006567; }
#top #wrap_all .av-social-link-vk:hover 	   	 a{color:#fff; background-color:#597BA5; }
#top #wrap_all .av-social-link-reddit:hover 	 a{color:#fff; background-color:#FF4500; }
```
Cheers!
Ismael
September 29, 2014 at 7:03 pm #326729

GOWD
Participant

Hi Ismael,

I eventually got it to work by applying

#top #wrap_all .av-social-link-facebook {color:#fff; background-color:#37589b; }
#top #wrap_all .av-social-link-facebook:hover a{color:#37589b; background-color:#fff; }

#top #wrap_all .av-social-link-twitter {color:#fff; background-color:#46d4fe; }
#top #wrap_all .av-social-link-twitter:hover a{color:#46d4fe; background-color:#fff; }

#top #wrap_all .av-social-link-mail {color:#fff; background-color:#9fae37; }
#top #wrap_all .av-social-link-mail:hover a{color:#9fae37; background-color:#fff; }

#top #wrap_all .av-social-link-linkedin {color:#fff; background-color:#419cca; }
#top #wrap_all .av-social-link-linkedin:hover a{color:#419cca; background-color:#fff; }

#top #wrap_all .av-social-link-gplus {color:#fff; background-color:#de5a49; }
#top #wrap_all .av-social-link-gplus:hover a{color:#de5a49; background-color:#fff; }

#top #wrap_all .av-social-link-pinterest {color:#fff; background-color:#cb2027; }
#top #wrap_all .av-social-link-pinterest:hover a{color:#cb2027; background-color:#fff; }

and the buttons are now also appearing on the bottom of pages.

September 29, 2014 at 7:03 pm #326730

GOWD
Participant

When I next update the theme, will I lose the code I added to the Functions.php file?

September 29, 2014 at 7:05 pm #326731

Yigit
Keymaster

Hi!

Yes, unless you are using a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/

Regards,
Yigit

September 30, 2014 at 3:21 pm #327292

GOWD
Participant

This reply has been marked as private.

September 30, 2014 at 3:33 pm #327305

Yigit
Keymaster

Hey!

Please make sure that you chose to display Sharing icons in Enfold theme options > Blog Layout

Cheers!
Yigit

October 2, 2014 at 1:12 pm #328891

GOWD
Participant

This reply has been marked as private.

October 3, 2014 at 12:58 pm #329639
Arvish
Inactive Moderator
Hey!

The blog displays all your blog posts and should not technically contain a sharing buttons.

If you would like to add sharing buttons at the end of the page add the following code at the end of loop-index.php in wp-content/themes/enfold/includes
```
    //share links on single post
    avia_social_share_links();
```
Nevertheless be advised that changes made to core framework files are overwritten during theme updates.

Regards,
Arvish
November 3, 2014 at 4:56 pm #345352

GOWD
Participant

Hi Arvish, that’s great, thanks for that, you may now close this thread.
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Social Sharing Buttons’ is closed to new replies.