Page 1 of 1

ปรับ CSS ของปุ่ม Facebook และ Google ให้เห็นเด่นชัด

Posted: Sat Oct 15, 2022 10:32 am
by snasui
:D ปรับ CSS ของ Facebook และ Google ในหน้า Login ให้เห็นเด่นชัด ดังภาพ

ที่ Them Prosilver > file colour.css > เพิ่ม code ด้านล่างที่ส่วนล่างสุด

Code: Select all

/**
 *
 * phpBB Studio - OAuth buttons
 *
 * @copyright (c) 2020, phpBB Studio, https://www.phpbbstudio.com
 * @license GNU General Public License, version 2 (GPL-2.0)
 *
 */

a[href$="facebook"] {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #0033ff;
	border-color: #0033ff;
	border-radius: 4px;
	color: #ececec;
	padding: 4px 8px;
}

a[href$="facebook"]:hover {
	background: #ffffff;
	border-color: #0033ff;
	color: #ffffff;
}

a[href$="facebook"]:before {
	font-family: FontAwesome, sans-serif;
	font-size: 20px;
	font-weight: bold;
	vertical-align: -2px;
	color: #ffffff;
	margin-right: 6px;
	content: "\f09a";
}

a[href$="google"] {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #e22524;
	border-color: #e22524;
	border-radius: 4px;
	color: #ececec;
	padding: 4px 8px;
}

a[href$="google"]:hover {
	background: #ffffff;
	border-color: #e22524;
	color: #ffffff;
}

a[href$="google"]:before {
	font-family: FontAwesome, sans-serif;
	font-size: 20px;
	font-weight: bold;
	vertical-align: -2px;
	color: #ffffff;
	margin-right: 6px;
	content: "\f1a0";
}
ref: https://www.phpbb.com/community/viewtop ... #p15444461