Information Form Image

GK User
Thu Mar 19, 2015 7:29 pm
How can I change the icon to the left of the "Request Information" form on the home page? ;)
User avatar
Expert Boarder

GK User
Thu Mar 19, 2015 7:53 pm
Hi,
whole this area is included in that css

Code: Select all
.gkInformation > div > strong::before {
    color: #d1d1d1;
    content: "f";
    font-family: university-pixellove;
    font-size: 40px;
    font-weight: 300;
    left: 0;
    position: absolute;
    top: -5px;
}


as you may seen this is not real icon but font icon from university-pixellove font collection.
It means that using override css you can change that icon into other also from it. All you have to do is change "letter".
User avatar
Platinum Boarder

GK User
Thu Mar 19, 2015 9:09 pm
Can you elaborate a bit on how to change it to my own image?
User avatar
Expert Boarder

GK User
Thu Mar 19, 2015 9:22 pm
If it must be your own image - icon
use your basic CSS knowledge:

Code: Select all
.gkInformation > div > strong::before {
    content: url(http://your.com/images/newicon.gif);
}


This is literally an image on the page like <img> would be.
How to use it? Read my footer link.
User avatar
Platinum Boarder

GK User
Thu Mar 19, 2015 10:03 pm
Thanks Oscar :dry:
User avatar
Expert Boarder


cron