Hints and Tips

Borders around Icons

How to get rid of the Boarders around the print, email and pdf buttons?

I'd like to get rid of the blue borders around my print/email and pdf buttons in the button header of each article.
Where and how can I change this? I've looked at the css file of my template, but can't find the items to change.

 

 

This is a question any template designer starting out has asked and spent hours searching the web for, hopefully this will help you.

 

We all have seen these blue borders around the .buttonheading icons beside each article.

templating-icon-links1

 

If we go into the CSS file and add

.buttonheading img  { border: 0px none;}

 

templating-icon-links2

 

Now the bordered icons have gone for public, lets get rid of the border around the edit icon for the rest of the website users.

If we head back over to the CSS file again and add

.hasTip img { border: 0px none; }

 

templating-icon-links3

 

Now we've gotten rid of all borders around the icons beside the article, please note the fact the border around the Joomla! lifecycle is still intact.

 

 

Sponsors & Supporters

Up-coming events

June JUGS Meeting
14-06-2012 7:30 pm
Category:  User group meetings

Forum posts

Latest Tweets

Joomla! Suffolk Looking forward to meetthemembers tomorrow - are you coming? issba ipswich networking book here http://t.co/9Juc7Ln4
Tuesday, 15 May 2012 14:30
Follow joomlasuffolk on Twitter

Newsletter signup

Sign up to receive meeting notifications, and other useful information!

Log in

Go to top