fbpx

Trick or Treat - 30% OFF - Coupon Code: SCARY20 Grab the Deal!

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Astroid 0 dotted line around Awesome icons?

[SOLVED] Astroid 0 dotted line around Awesome icons? 4 months 3 weeks ago #22746

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
On this test site made with Astroid 0—> www.graf-test.ca/astroid/index.php/fr/

If you click on an Awesome icon, (try your social icons) after (I guess on focus) a dotted line appear.

You have an idea, how to remove on all icons ?

Last Edit: 4 months 3 weeks ago by Chacapamac.
The topic has been locked.

Astroid 0 - dotted line around Top Bar Awesome icons ? 4 months 3 weeks ago #22748

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1433
  • Thank you received: 139
  • Karma: 18
Hi,

If you want to remove those social icons, you can easily do that from Astroid backed >> Social >> Module Position >> None.
www.screencast.com/t/lxIB0znCVrL (though the language is missing, we'll correct that)

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Astroid 0 - dotted line around Top Bar Awesome icons ? 4 months 3 weeks ago #22776

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
Thanks Nishta, I don’t want to remove the social icons, just the thin dotted line that appear on them when clicked?
I will look again in my firefox developer inspector tools, but, so far, I’m not sure what css control it?
It’s not on hover but probably on active or focus, I’m not sure.
The topic has been locked.

Astroid 0 - dotted line around Top Bar Awesome icons ? 4 months 3 weeks ago #22783

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1433
  • Thank you received: 139
  • Karma: 18
Hi,

Ohh the lines, I thought you asked their to remove the icons. Yes these lines happens to be on firefox while you hover over it, but I don't see any such lines on the site link you send. Did you manage to resolve it?

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Astroid 0 - dotted line around Top Bar Awesome icons ? 4 months 3 weeks ago #22795

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
Can Happen on some browsers on “active” links

You can take it out with:
/* Take out dotted line around Social and Awesome icons*/
a, a:active, a:focus{
        outline: none !important;  
    }
The topic has been locked.

Astroid 0 - dotted line around Top Bar Awesome icons ? 4 months 3 weeks ago #22800

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1433
  • Thank you received: 139
  • Karma: 18
Hi,

Thanks for providing the solution.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.405 seconds