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!