You are viewing our Forum Archives. To view or take place in current topics click here.

I need some HTML and CSS helpPosted:

JYME
  • Wise One
Status: Offline
Joined: Mar 30, 20127 Year Member
Posts: 510
Reputation Power: 23
I'm a wee bit stuck...


I'm trying to make these 4 icons different colors


[ Register or Signin to view external links. ]

Heres the Code



<div class="row centered">
         <div class="row centered">
         <div class="col-lg-8 col-lg-offset-2 w">
            <a  title="Twitter" href="http://twitter.com/itsjaymem" target="_blank" > <i class="fa fa-twitter fa-4x"></i></i></a>
            <a  title="JimmyP.co" href="http://jimmyp.co" target="_blank"><i class="fa fa-code fa-4x"></i></a>
<a  title="Instagram" href="http://instagram.com/itsjaymem" target="_blank"><i class="fa fa-instagram fa-4x"></i></a>
            <a  title="Email Me!" href="mailto:[email protected]"><i class="fa fa-envelope fa-4x"></i></a>
               

         </div>
      </div>
               
#2. Posted:
Incandescent
  • Wise One
Status: Offline
Joined: Oct 17, 20127 Year Member
Posts: 594
Reputation Power: 23
Okay, I can see you are using two resources
Bootstrap and Fontawesome.

Open up font-awesome.min.css or font-awesome.css
then go to the bottom of the css page and add...

.fa .fa-twitter,
.fa .fa-code,
.fa .fa-instagram,
.fa .fa-envelope {
  color: #### !important;
}


!important will override all current color options making it choose whatever color you want.

Save, refresh.
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.