Flatsome header icon 更改

搜尋 帳號 購物車 icon更改

以上為 Flatsome header的搜尋、我的帳號、購物車的預設icon

如果想要更改這些icon的話

只需要使用css調整即可

圖片用.png 尺寸是20x20px

css如下

.icon-shopping-cart:before {
	content: url("圖片網址");
}

.icon-user:before {
	content: url("圖片網址");
}

.icon-search:before {
	content: url("圖片網址");
}

社群icon更改

以上為原來的樣式

不過因為flatsome沒有內建LINE的icon

所以通常會拿twitter或是pinterest做更改

還要記得下載font awesome外掛 才能使用這些icon

.icon-facebook:before {
	font-family: "FontAwesome"; 
	content: "\f082";
	font-size:20px;
}

.icon-instagram:before {
	font-family: "FontAwesome"; 
	content: "\f16d";
	font-size:20px;
}

.icon-twitter:before {
	font-family: "FontAwesome"; 
	content: "\f3c0";
	font-size:20px;
}

.icon-pinterest:before {
	font-family: "FontAwesome"; 
	content: "\f3c0";
	font-size:20px;
}

最後 這些icon滑鼠移動過去會有【關注我們的XXX】

所以修改玩icon後 還要記得去.po檔修改文字