User Rating: 0 / 5

แก้ปัญหารูปบทความแบบเด่น (Featured article) แบบ Blog ไม่ย่อ ของ Template Prostar เมื่อมีหลาย Column CSS จะกำหนดให้การดึงรูปไปทางซ้ายหรือขวา แล้วต้องให้รูปภาพ Intro ของบทความ เล็กลงเองอัตโนมัติ แบบ Responsive ทำได้ง่ายๆโดยการเพิ่ม code CSS เข้าไปที่ ไฟล์ template.css ของ Prostart แล้วหาบรรทัดที่มี code ตามด้านล่าง จากนั้นจึงเพิ่ม code เข้าไปตามตัวอย่าง

Before:

.pull-right.item-image {
    margin: 0 0 18px 20px;
}
.pull-left.item-image {
    margin: 0 20px 18px 0;

After:

.pull-right.item-image {
    max-width:100%;
    height:auto;
    margin: 0 0 4px 2px;
}
.pull-left.item-image {
    max-width:100%;
    height:auto;
    margin: 0 2px 4px 0;

Joomla Prostar Featured Article Images Responsive

Pin It