หน้าแรก › ฟอรั่ม › ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส › Smart Slider ลดขนาด font เมื่อแสดงผลบนโทรศัพท์
- This topic has 8 ข้อความตอบกลับ, 2 เสียง, and was last updated 1 year, 5 months มาแล้ว by
chaip.
-
ผู้เขียนข้อความ
-
-
27 ม.ค. 2021 เวลา 09:07 น. #297433
chaip
Participantผมสร้าง slider จาก post ต้องการลดขนาด font ของ title เมื่อเปิดจากโทรศัพท์ หรืออุปกรณ์หน้าจอขนาดเล็ก ต้องตั้งค่า หรือเพิ่ม css ตรงไหนครับ
-
27 ม.ค. 2021 เวลา 09:33 น. #297439
K
Keymasterตัวนี้ใช้ slider อะไรทำเหรอครับ ถ้าเป็น ss3 จะมีให้เลือกแยกของแต่ละหน้าจอเลยนะครับ
-
27 ม.ค. 2021 เวลา 12:09 น. #297510
chaip
Participantเป็น Home Banner ครับ ลองหาการตั้งค่าใน smartslider3 > Size แล้วแต่กำหนดความสูงไว้แล้วครับ แต่เนื่องจาก slider ที่เป็น post ข้อความยาว font ขนาดใหญ่ ทำให้ Home Banner ที่แสดงบนมือถือ ถ้าเป็นรูปภาพจะเหลือพื้นที่ด้านบนและด้านล่าง มากครับ
ปล. เคยเข้าไปลดขนาดตัวอักษรใน content ของ slider แล้วทำให้ลดพื้นที่ ที่เหลืออยู่ด้านบนและด้านล่างได้ครับLink นี้ครับคุณ k
-
28 ม.ค. 2021 เวลา 09:08 น. #297591
K
Keymasterตัว ss3 ถ้าแบบง่ายๆ เลยคือทำคนละ slider เลย อันนึงสำหรับ mobile อันนึงสำหรับ desktop
แล้วค่อยใช้คลาส _mobile กับ _desktop ในการแสดง
ถ้าบางทีแสดงผลต่างกันมากระหว่างสองหน้าจอผมก็ทำแบบนี้เป็นบางครับนะครับ
-
-
27 ม.ค. 2021 เวลา 09:34 น. #297440
K
Keymasterหรือ ถ้าไม่มีจริงๆ อาจต้องใช้ css ช่วยครับ ส่งลิงก์มาได้ครับ เดียวผมแนะนำ css เบื้องต้นให้ได้ครับ
-
27 ม.ค. 2021 เวลา 12:20 น. #297514
chaip
Participantรบกวนด้วยนะครับ ผมลองเปิดดูใน chrome แล้วมาลองเขียนเองใส่ลงใน Slider CSS ของ Smart Slider แบบนี้ แต่ไม่สำเร็จ
@media screen and (max-width: 899px) and (min-width: 320px){
.n2-font-0fe3d5af34d5f78b00375967bc4fa8d6-hover{
font-size: 30px !important;
line-height: 30px !important;
}}
Link นี้ครับคุณ k
-
28 ม.ค. 2021 เวลา 09:08 น. #297592
K
Keymasterเดียวถ้าอยู่หน้าจอคอมจะลอง inspect แนะนำให้นะครับ
-
29 ม.ค. 2021 เวลา 09:22 น. #297732
K
Keymaster@media (max-width: 991px) {
#smartslider3-2 #n2-ss-2item1{
font-size: 20px;
}
}
-
-
29 ม.ค. 2021 เวลา 13:27 น. #297804
chaip
Participantได้แล้ว ขอบคุณมากครับ ต้องนำไปใส่ไว้ custom CSS ของ ธีม
-
-
ผู้เขียนข้อความ
- คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้