add an icon in the "topbar"

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.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.
User avatar
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:
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/
User avatar
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.
User avatar
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)?
User avatar
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
User avatar
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:
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;
}
}
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.