Smart Slider ลดขนาด font เมื่อแสดงผลบนโทรศัพท์

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส Smart Slider ลดขนาด font เมื่อแสดงผลบนโทรศัพท์

กำลังดู 3 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #297433
      Facebook Profile photochaip
      Participant

      ผมสร้าง slider จาก post ต้องการลดขนาด font ของ title เมื่อเปิดจากโทรศัพท์ หรืออุปกรณ์หน้าจอขนาดเล็ก ต้องตั้งค่า หรือเพิ่ม css ตรงไหนครับ

       

    • #297439
      Facebook Profile photoK
      Keymaster

      ตัวนี้ใช้ slider อะไรทำเหรอครับ ถ้าเป็น ss3 จะมีให้เลือกแยกของแต่ละหน้าจอเลยนะครับ

      • #297510
        Facebook Profile photochaip
        Participant

        เป็น Home Banner ครับ ลองหาการตั้งค่าใน smartslider3 > Size แล้วแต่กำหนดความสูงไว้แล้วครับ แต่เนื่องจาก slider ที่เป็น post ข้อความยาว font ขนาดใหญ่ ทำให้ Home Banner ที่แสดงบนมือถือ ถ้าเป็นรูปภาพจะเหลือพื้นที่ด้านบนและด้านล่าง มากครับ
        ปล. เคยเข้าไปลดขนาดตัวอักษรใน content ของ slider แล้วทำให้ลดพื้นที่ ที่เหลืออยู่ด้านบนและด้านล่างได้ครับ

        Link นี้ครับคุณ k

        index

      • #297591
        Facebook Profile photoK
        Keymaster

        ตัว ss3 ถ้าแบบง่ายๆ เลยคือทำคนละ slider เลย อันนึงสำหรับ mobile อันนึงสำหรับ desktop

        แล้วค่อยใช้คลาส _mobile กับ _desktop ในการแสดง

        ถ้าบางทีแสดงผลต่างกันมากระหว่างสองหน้าจอผมก็ทำแบบนี้เป็นบางครับนะครับ

    • #297440
      Facebook Profile photoK
      Keymaster

      หรือ ถ้าไม่มีจริงๆ อาจต้องใช้ css ช่วยครับ ส่งลิงก์มาได้ครับ เดียวผมแนะนำ css เบื้องต้นให้ได้ครับ

      • #297514
        Facebook Profile photochaip
        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

        index

      • #297592
        Facebook Profile photoK
        Keymaster

        เดียวถ้าอยู่หน้าจอคอมจะลอง inspect แนะนำให้นะครับ

      • #297732
        Facebook Profile photoK
        Keymaster

        @media (max-width: 991px) {

        #smartslider3-2 #n2-ss-2item1{

        font-size: 20px;

        }

        }

    • #297804
      Facebook Profile photochaip
      Participant

      ได้แล้ว ขอบคุณมากครับ ต้องนำไปใส่ไว้ custom CSS ของ ธีม

กำลังดู 3 ความเห็น

  • คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้