Joomla Templates Club 406,261 posts

[kicr Friend kicrJoin date: June 2007Posts: 84Downloads:30Uploads:10 Thanks: 13 Thanked: 6 times in 1 posts]

#172236

Hello,

how can i remove the border which appears around the social icons when hovering them?

Live site: http://bit.ly/9l2s0A

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431661

It looks like that effect may be being generated via the following CSS

#ja-topmega li:hover a.nav-login, #ja-topmega li.over a.nav-login, #ja-topmega li.active a.nav-login {
background: url("/templates/ja_teline_iv/images/icon-login.png") no-repeat scroll center center transparent !important;

}

IN order to help you correctly identify the location of this CSS rule, will need you to set “Override CSS” to “No” within your Template Manager–General Settings.

[kicr Friend kicrJoin date: June 2007Posts: 84Downloads:30Uploads:10 Thanks: 13 Thanked: 6 times in 1 posts]

#431762

Hello TomC,

but how should i edit the code to remove the border? I know where to change, but not HOW to change 😉

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431800

<em>@kicr 291899 wrote:</em><blockquote>Hello TomC,

but how should i edit the code to remove the border? I know where to change, but not HOW to change 😉

Thanks</blockquote>
As I mentioned previously . . .

In order to try to help you correctly identify the location of this CSS rule, you need to set “Override CSS” to “No” within your Template Manager–General Settings.

Let me know when you have done this and we can move on to the next step.

🙂

[Author]

Posts