Recent
Categories
View Replies (6)

Font Awesome colour and spacing in menu items

  1. Issue
0
Votes
Undo
  1. pearlyjones
    pearlyjones
  3. Commercial Templates
  4. Wednesday, 17 July 2019
  5.  Subscribe via email
I have added FA icons to the Link Class field of my Menu Items in Boss.

They are all white at present and I need to turn them grey. I'm not sure whether I add more in the Link Class field of each menu item, and if so what,
or do I add something in the Custom Code field on the template style?

I was also hoping to make them larger and increase the gap between them and the Menu Items titles.

Is this possible? Please can you advise? :)
Responses (6)
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
Please can someone suggest a way to make this work as I have to sign this site off and still not resolved it.

Also, I have found that when I take the site off offline and make it visible to everyone, the template fonts alter to some random serif font. I've used the same Boss template before without this issue so was wondering what I can do to make the site revert to the fonts within the template?

If anyone can help on these issues I'd be very grateful as I'm at a loss. :)
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of the icons you wish to amend?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, the site URL is http://www.eurodairies.com and its the icons above the menu items on the homepage. I want to change the colour and size a little as they are white at present. I've seen on other people's Boss sites they have managed this but I dont know how to.
The client has been tinkering in the site too so some things are now not looking as they should.....:(
  1. more than a month ago
  2. Commercial Templates
  3. # 3
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
P.S. The changing font when the site is live seems to have resolved itself now too so may have been a browser glitch.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, problem solved! One of the users on here has just given me the bit of CSS code I needed.

#hornav ul.menu li [class^="fa-"]::before, #hornav ul.menu li [class*=" fa-"]::before {
color: #000000;
}

Great community you have here! :)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent... thank you for the update! :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok