Hi. I want my circular numbered buttons to do the same effect as my big square buttons in terms of fading in and out on rollover, but I'm having problems. Can someone please help me?

http://www.timothy-clark.com/work.php

Hi just edit in your main.css :

#navfolionew a {
    background: none repeat scroll 0 0 #F2F2F0;
    border: 1px solid #666666;
    border-radius: 50%;
    color: #666666;
    font-weight: normal;
    opacity: 1;
    padding: 10px;
    text-decoration: none;
    transition: background-color 0.4s; /*only add background-color to transition */
}

Edited February 27, 201412 yr by NiBi18

#navfolionew a {
	padding: 10px;
	border-radius: 50%;
	text-decoration: none;
	border-bottom: none;
	color: #666;
	border: #666 1px solid;
	font-weight: normal;
	background: #f2f2f0;
	-webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        -ms-transition: background-color 0.2s ease;   
        transition: background-color 0.2s ease;
}
	
#navfolionew a:hover {
	padding: 10px;
	margin:0;
	border-radius: 50%;
	color: #fff;
	background: #ef0403;
	font-weight: normal;
	}

Try this. changing background-color is correct, you also had transitions in your hover state which was conflicting.

yes that works, thanks.