How do I directly target CSS fixes?

Near goal: Need to remove the border on the social icons on http://rrb.minationalguard.com. I don't want to take the image border CSS rule out because I want that rule for other locations on the site. I want to just exclude the social icons. I also want to add padding between the icons.

End goal: How do I generally target specific CSS rules? I've tried the Chrome Dev tools, Firebug, etc, and I just can't seem to target exactly what rule I need to change CSS.

Comments 4

You can be more specific with your CSS by including classes of the divs that the element is within, for example, that img is within the .top25icons class. So, we can use this:

.top25icons > img {
border: none !important;
}

It looks like we will need the !important declaration here to make sure it overrides the existing style, normally we don't want to use that; however, sometimes it can be a necessary evil :slight_smile:

How do you rate me?

Thank you for rating your experience!

We’re thrilled to hear you had a great experience with . Would you like to leave a comment about your experience?
Thanks for voting on your experience with , we’d love to get some feedback please.
Ohh no! We’re really sorry to hear you didn’t have a pleasant experience with , we’re always looking at how we can improve and would appreciate you provide some further feedback here please.
Type your feedback here

it's great that you had a positive one. Based on your experience in this ticket would you please be kind enough to rate us externally on: