ปรับ CSS ของปุ่ม Facebook และ Google ให้เห็นเด่นชัด
Posted: Sat Oct 15, 2022 10:32 am
ปรับ CSS ของ Facebook และ Google ในหน้า Login ให้เห็นเด่นชัด ดังภาพ
ที่ Them Prosilver > file colour.css > เพิ่ม code ด้านล่างที่ส่วนล่างสุด
ref: https://www.phpbb.com/community/viewtop ... #p15444461
ที่ 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";
}