Help with recreating the lets connect text on this site

[alliechynna]

Hi, please can someone point me to a tutorial or tell me the code I would need to use to recreate someone thing smiler to the lets connect text at the bottom of this site

http://www.restored316designs.com

[RobG]

Hello in your style.css locate the following css code for your footer widget area and change the ( font-size: 14px; ) size to one of your choice.

#footer-widgets .widget-area h4 {
	letter-spacing: 1px;
	font-family: 'Nevis';
	font-size: 14px;

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[alliechynna]

Thanks, still a bit confused, how would I get them to be all different colours, then the same colour when I hover over them.

[RobG]

I'm not sure what you mean by all different colours, Are you referring to changing the hover colour?

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[alliechynna]

Yes I'm referring to the hover colour

[RobG]

Access your style.css file and locate the first set of codes I posted, then just add the #footer a:hover - just below the first code. You can just copy the css codes needed to give you the hover effect below..

Change this set of codes

#footer-widgets .widget-area h4 {
    letter-spacing: 1px;
    font-family: 'Nevis';
    font-size: 14px;
}

To this set of codes

#footer-widgets .widget-area h4 {
    letter-spacing: 1px;
    font-family: 'Nevis';
    font-size: 14px;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Author]

Posts