Button colors all the same…
-
Just installed your plug-in on the newest WordPress. When activated with no adjustments, everything shows up correctly.
If I make any adjustments (removing unneeded share buttons), all of the remaining buttons turn Twitter-Blue. This page has what is happening:
http://www.donnasummersrealty.com/estate/cape-cod-2/Obviously I would like them to stay their correct colors. If I turn them all back on afterwards, still twitter blue except for the “Pocket” button which is the correct color.
-
Any ideas???
Hi,
It looks like the plugin code might’ve been edited. Could you please try to completely remove the plugin from your site and re-install it again?
Thanks!
I’ve done so three times now, being sure to check the “remove settings data” each time. Same result each time.
Just did so one more time. Fresh install, default button settings show up correctly in color. I uncheck the ones I do not need, and every button changes to Twitter blue.
Hi,
Please open and edit this file:
http://YOURSITE.COM/wp-content/uploads/plugins/sharify/sharify-style.phpDelete all the code there, and add this:
.sharify-btn-twitter { min-width: 10%; } .sharify-btn-twitter .sharify-icon { float: none; text-align: center; padding-left: 0px; } .sharify-btn-twitter .sharify-count { display: none; padding-right: 10px; float: right; } .sharify-btn-twitter .sharify-title { display: none; } .sharify-btn-facebook { min-width: 20% } .sharify-btn-facebook .sharify-icon { float: left; padding-left: 10px; } .sharify-btn-facebook .sharify-count { display: block; padding-right: 10px; float: right; } .sharify-btn-facebook .sharify-title {} .sharify-btn-gplus { min-width: 10%; } .sharify-btn-gplus .sharify-icon { float: none; text-align: center; padding-left: 0px; } .sharify-btn-gplus .sharify-count { display: none; padding-right: 10px; float: right; } .sharify-btn-gplus .sharify-title { display: none; } .sharify-btn-reddit { min-width: 20% } .sharify-btn-reddit .sharify-icon { float: left; padding-left: 10px; } .sharify-btn-reddit .sharify-count { display: block; padding-right: 10px; float: right; } .sharify-btn-reddit .sharify-title {} .sharify-btn-pocket { min-width: 20% } .sharify-btn-pocket .sharify-icon { float: left; padding-left: 10px; } .sharify-btn-pocket .sharify-count { display: block; padding-right: 10px; float: right; } .sharify-btn-pocket .sharify-title {} .sharify-btn-pinterest { min-width: 10%; } .sharify-btn-pinterest .sharify-icon { float: none; text-align: center; padding-left: 0px; } .sharify-btn-pinterest .sharify-count { display: none; padding-right: 10px; float: right; } .sharify-btn-pinterest .sharify-title { display: none; } .sharify-btn-linkedin { min-width: 20% } .sharify-btn-linkedin .sharify-icon { float: left; padding-left: 10px; } .sharify-btn-linkedin .sharify-count { display: block; padding-right: 10px; float: right; } .sharify-btn-linkedin .sharify-title {} .sharify-btn-email { min-width: 10%; } .sharify-btn-email .sharify-icon { float: none; text-align: center; padding-left: 0px; } .sharify-btn-email .sharify-count { display: none; padding-right: 10px; float: right; } .sharify-btn-email .sharify-title { display: none; } .sharify-btn-vk { min-width: 20% } .sharify-btn-vk .sharify-icon { float: left; padding-left: 10px; } .sharify-btn-vk .sharify-count { display: block; padding-right: 10px; float: right; } .sharify-btn-vk .sharify-title {} .sharify-container li { font-family: Roboto, sans-serif; } .sharify-container { position: relative; display: block; width: 100%; padding: 20px 0; overflow: hidden } .sharify-container ul { padding: 0; margin: 0 } .sharify-container li { list-style: none; height: 30px; line-height: 30px; float: left; margin: 0; padding-left: 2.5px } .sharify-container li a { border: 0; background-color: #4db2ec; border-radius: 1px; display: block; font-size: 12px; height: 100%; color: #fff; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; transition: all .2s ease-in-out } @media (max-width: 955px) and (min-width: 769px) { .sharify-count { display: none } } @media (max-width: 768px) { .sharify-count, .sharify-title { display: none } .sharify-icon { width: 100%; padding-left: 0!important } .sharify-icon i { text-align: center } .sharify-container li { min-width: 14.2857142857%!important; width: 12.5%!important } } .sharify-count { float: right } .sharify-container li.sharify-btn-twitter a { background-color: #4DB2EC; } a {}.sharify-container li.sharify-btn-twitter a:hover { background-color: #3498DB } .sharify-container li.sharify-btn-facebook a { background-color: #3B5998; } .sharify-container li.sharify-btn-facebook a:hover { background-color: #0E2E6F; } .sharify-container li.sharify-btn-gplus a { background-color: #BB0000; } .sharify-container li.sharify-btn-gplus a:hover { background-color: #A30505; } .sharify-container li.sharify-btn-pinterest a { background-color: #CB2027; } .sharify-container li.sharify-btn-pinterest a:hover { background-color: #BB0000 } .sharify-container li.sharify-btn-linkedin a { background-color: #007BB6; } .sharify-container li.sharify-btn-linkedin a:hover { background-color: #0E2E6F; } .sharify-container li.sharify-btn-vk a { background-color: #45668E; } .sharify-container li.sharify-btn-vk a:hover { background-color: #32506D; } .sharify-container li.sharify-btn-reddit a { background-color: #FF4500 } .sharify-container li.sharify-btn-reddit a:hover { background-color: #E24207; } .sharify-container li.sharify-btn-pocket a { background-color: #d3505a } .sharify-container li.sharify-btn-pocket a:hover { background-color: #B6202C } .sharify-container li.sharify-btn-email a { background-color: #E74C3C; } .sharify-container li.sharify-btn-email a:hover { background-color: #C0392B; } .sharify-container li a{ line-height: 31px !important; }Save the file and it should fix the issues. Let me know if it doesn’t work!
Thanks!
It did work – thank you!
The topic ‘Button colors all the same…’ is closed to new replies.