Custom Field Style CSS การรใช้ สี ให้ตัวอักษร พิเศษ

Post Reply
thongadmin
Site Admin
Posts: 362
Joined: Thu Oct 22, 2020 12:28 pm
Contact:

Custom Field Style CSS การรใช้ สี ให้ตัวอักษร พิเศษ

Post by thongadmin »

Custom Field Style CSS Joomla การรใช้ สี ให้ตัวอักษร พิเศษ


สำหรับคนที่มีการใช้ Custom Field ใน Joomla แล้วอยากให้ ฟิลด์ พิเศษ นั้น มีสีสัน เพิ่มมากขึ้น มีลูกเล่น ก็ต้องใส่ CSS ไฟล์

ขั้น ตอนแรกเราต้องเพิ่ม CSS เข้าไป ใน Template.css

1. เลือกเมนู Template
2. เลือก Template (มันจะมี style / Template)
3. เลือก Template ปัจจุบันที่คุณกำลังใช้งานอยู่
4. เลือก Folder CSS
5. มองหา ไฟล์ CSS ที่เป็น ชื่อเดียวกันกับ Template เช่น Template.css

แล้ว เติม บรรทัดเหล่านี้ลงไป

.fields-container .field-entry.myCFclass {
color:red;
font-weight:600;
font-size : 18px;
}

ปรับแต่ง CSS ตามต้องการ โดยคุณจะเห็น ใน Code CSS ว่ามีการตั้งชื่อ CSS ไว้แล้วว่าชื่อ myCFclass

กด Save แล้ว กลับไป ที่ Custom Field แล้ว เลือก ฟิลด์ ที่คุณต้องการจะเน้น หรือใส่ลูกเล่น CSS Style

แล้วกด เลือก Tab / option แล้วเลื่อนลงมา หา Render Css จากนั้น ในช่องว่างด้านขวา่ ของ Render Css ให้เติม ชื่อ Css ของเราลงไป myCFclass

กด Save แล้ว ไปดู ผลงาน ของมัน
Post Reply

Return to “CMS Joomla Wordpress”