add an icon in the "topbar"
Rate this topic: 




1.00 out of 6 based on 1 vote(s)






- GK User
- Fri Jul 11, 2014 3:07 pm
- Reply with quote
- Report this post
Hello
How can i add an icon before the text "Call Customer Services on: +1-888-222-1155"begin?
I wanna add an icon with "phone"
Thank for your help.
How can i add an icon before the text "Call Customer Services on: +1-888-222-1155"begin?
I wanna add an icon with "phone"
Thank for your help.
-
- Expert Boarder
- GK User
- Fri Jul 11, 2014 3:29 pm
- Reply with quote
- Report this post
You can place an font-awesome icon.
1. Please disable tinyMCE editor in global configuration (change editor to "editor - none").
2. Please edit your module and paste sample code:
before the text. For list of available icons - check here:
http://fortawesome.github.io/Font-Awesome/icons/
1. Please disable tinyMCE editor in global configuration (change editor to "editor - none").
2. Please edit your module and paste sample code:
- Code: Select all
<i class="fa fa-phone"></i>
before the text. For list of available icons - check here:
http://fortawesome.github.io/Font-Awesome/icons/
-
- Moderator
- GK User
- Fri Jul 11, 2014 6:53 pm
- Reply with quote
- Report this post
Thanks for your help.
How could I change the color of the icon? I wanna white, cause with the black background it isnt clearly.
How could I change the color of the icon? I wanna white, cause with the black background it isnt clearly.
-
- Expert Boarder
- GK User
- Mon Jul 14, 2014 4:15 pm
- Reply with quote
- Report this post
Could you please post an url to your site and create a screenshot of place where this icon should show (where it is but it isnt clearly)?
-
- Moderator
- GK User
- Mon Jul 14, 2014 6:01 pm
- Reply with quote
- Report this post
http://www.geschenkkorb24.ch
Enclosed the screenshot.
I wanna make it more stronger. the icon and the text. More white
Enclosed the screenshot.
I wanna make it more stronger. the icon and the text. More white
-
- Expert Boarder
- GK User
- Mon Jul 14, 2014 7:53 pm
- Reply with quote
- Report this post
It it goes to different colour of the icons:
https://www.gavick.com/forums/instyle-j ... 94#p186894
To change the text:
You can also make it bold:
https://www.gavick.com/forums/instyle-j ... 94#p186894
To change the text:
- Code: Select all
#gkTopBar .custom > span {
color: #fff;
}
You can also make it bold:
- Code: Select all
#gkTopBar .custom > span {
color: #fff;
font-weight: bold;
}
}
-
- Moderator
6 posts
• Page 1 of 1