modernbuccaneer
Member
Posted 5 months ago #
I recently installed and setup Sociable by Yoast. Unfortunately, a checkmark is appearing before every social icon using this plugin. I know that the checkmarks are a part of the theme that I am using. However, I don't know how to make it so they don't appear in front of each social icon. My website is http://www.modernbuccaneers.com. Thanks!
add this to your main stylesheet to remove the checkmarks
#main_content_left #sociable li { background-image: none; }
You may need to adjust the left padding in that new section as the main stylesheet sets it to 25px - if so, start with this & adjust as needed
left-padding: 10px;
modernbuccaneer
Member
Posted 5 months ago #
I added the above style to the mail stylesheet and it didn't work unfortunately.
add !important tot he end of that:
#main_content_left #sociable li { background-image: none !important; }
modernbuccaneer
Member
Posted 5 months ago #
Unfortunately, that still didn't do the trick. Any more ideas?
Try instead (or maybe also?) adding:
#main_content_left_secondary #sociable li { background-image: none !important; }
modernbuccaneer
Member
Posted 5 months ago #
I added that line as well and still no good.
#main_content_left_secondary .sociable li {
background-image:none !important;
}
that'll do it.