Reverse the colours of the social share buttons

Sorry yigit my site is http://shutterliving.com/yoga-grand-palais-paris/

Also could you tell me how to CENTRE the text over the buttons~?

Very strange that you cant see the website may be try access this post instead: http://shutterliving.com/british-royal-guard/

https://www.dropbox.com/s/7xs9uycgxhagkdo/Capture.PNG

This worked perfectly Thanks : only this is it is also effecting the social icons at the top of my page (see link)

https://www.dropbox.com/s/c4nmnef3sl6v0m9/Capture2.PNG

Is there any way to have them all in colour?

• This reply was modified 10 years, 3 months ago by Jamie A.

Perfect thanks this worked great. however the original code you gave me is not working ? any ideas

function new_share_title() {
$output = “Your new share title here”;
return $output;
}
add_filter(‘avia_social_share_title’, ‘new_share_title’);

For some reason it is still not working

here is ALL the code i have may be there is a conflict?

#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 800px; }

#footer a {
color: black;
}
#footer a:hover {
color: blue;
}

.widget_recent_entries li a {
font-style: normal !important;
}

.image-overlay {
visibility: hidden;
}

div#commentform.fb-social-plugin {
margin-left: 17%;
}

@media only screen and (max-width: 767px) {
.container.template-blog {
width: 94%;
}}

span.blog-tags.minor-meta {
display: none;
}

.home .content { padding-bottom: 10px; }

span.av-masonry-date { display: none; }
.av-masonry-entry .av-inner-masonry-content { padding: 20px; }

@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab_titles {
display: block;
border-top: 1px solid #555555;
}
.responsive .top_tab .tab.fullsize-tab {
display: none;
}
.responsive #top .footer_color .tabcontainer .active_tab {
color: #444; }
}

@media only screen and (max-width: 480px) {
.av-inner-masonry-content.site-background {
background: rgba(255,255,255,0.5) !important;
}}

body .container_wrap .hr.avia-builder-el-first { margin: 10px 0; }
.av-special-heading { margin-top: 10px; }
.avia-content-slider { margin: 10px 0; }

@media only screen and (max-width: 479px) {
.responsive #top .related_entries_container .av_one_eighth {
margin-bottom: 3px;
}}

#scroll-top-link {
background-color: grey;
}

@media only screen and (max-width: 767px) {
ul.av-share-box-list {
margin-bottom: 80px;
}
}

h5.av-share-link-description {
text-align: center;
}

#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a {
color: #888;
background-color: white;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}

#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-mail:hover a { color: #888;
background-color: white;
}

#top .avia-post-nav { background: rgba(0,0,0,0.4); padding: 30px; }

function new_share_title() {
$output = “Your new share title here”;
return $output;
}
add_filter(‘avia_social_share_title’, ‘new_share_title’);

Sorry Yigit I should have read it better… my bad!

However I have removed it from the quick css and added it to the functions PHP file as discussed, however it has not worked?

https://www.dropbox.com/s/wotax2xplpyhnvi/1121.PNG

(I have cleared my cache)

I’m using 2.7 will update and test. thanks

Updated to latest version and all is now fine. Resolved ! thanks a million Yigit.