Widget Services Change fa-icon color


#1

Hi,

I am still happy with the Moesia theme! I would like to know, is it possible to change the fa-icon lay out in the Services widget?

I would like to have to same lay out icon as in the Sydney theme (so white box instead of the coloured box)

Is there a simple CSS for this to change it?

Many thanks in advance!


#2

Hi pattyng,

Sure you can edit the icon style. But firstly, make sure you create a child theme before you start edit the required files or you can use this plugin to edit safely :slight_smile:

Ok, now you need to open the style.css and change this line:

.service-icon {
	display: table;
	margin: 0 auto;
	font-size: 45px;
	color: #fff;
	background-color: #ff6b53;
	line-height: 1;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
}

to:

.service-icon {
	display: table;
	margin: 0 auto;
	font-size: 45px;
	border: 1px solid #ff6b53;
	color: #ff6b53;
	line-height: 1;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
}

regards
Awan