I despair, how do I get the icon the button. I did everything for me already tried but without success. If I move the button puts padding on the icon. I hope someone can give me a tip

icon next button

/* Buttons */

.author-pane-fk a {
	border: none;
	cursor: pointer;
	height: 28px;
	line-height: 28px;
	color: white;
	padding: 0 15px;
	margin: 0 auto 8px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
*vertical-align:auto;
	zoom: 1;
*display:inline;
	text-align: center;
	background-image:-moz-linear-gradient(63% 0% -90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%); 
	background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(208,70,70)),color-stop(0.99, rgb(205,54,54)));
	background-image:-webkit-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
	background-image:-o-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
	background-image:-ms-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
	background-image:linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
	-webkit-box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
	box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd04646,endColorstr=#ffcd3636,GradientType=0)
		progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffa32929,Positive=true)
		progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#36000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd04646,endColorstr=#ffcd3636,GradientType=0)
		progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffa32929,Positive=true)
		progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#36000000,Positive=true);
}
.author-pane-fk a:hover {
	color: white;
	background-color: #29acd4;
	background-image:-moz-linear-gradient(63% 0% -90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%); 
background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(205,54,54)),color-stop(0.99, rgb(192,48,48)));
background-image:-webkit-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:-o-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd3636,endColorstr=#ffc03030,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd3636,endColorstr=#ffc03030,GradientType=0);
}
.author-pane-fk a:active {
	color: white;
	background-image:-moz-linear-gradient(63% 0% -90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%); 
background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(192,48,48)),color-stop(0.98, rgb(206,58,58)));
background-image:-webkit-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:-o-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:-ms-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
-moz-box-shadow:0px 1px 0px rgb(163,41,41);
-webkit-box-shadow:0px 1px 0px rgb(163,41,41);
box-shadow:0px 1px 0px rgb(163,41,41);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc03030,endColorstr=#ffce3a3a,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#ffa32929,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc03030,endColorstr=#ffce3a3a,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#ffa32929,Positive=true);
}
CommentFileSizeAuthor
30-10-2013 14-02-06.jpg20.48 KBfugazi
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Scyther’s picture

Status: Active » Fixed

This issue #1876748: Email icon missing from Advanced Forum contact button. - FIX was fixed now and that should help you with this.

Have a look at Advanced Forum how that module adds a icon next to the button.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.