Resim boyutunu değiştirme nasıl yapılır? Uygulama içindeki resim boyutlarını değiştirmek CSS kodları sayesinde mümkündür. Bu özellik E-Ticaret ve Klasör gibi resim ve kategorinin kullanıldığı uygulamalara eklenebilmektedir. Aşağıda verdigimiz özel kodlar mobil uygulamanızı kendinize veya firmanıza göre özelliştirmeniz için örnek niteliğindedir. Resim boyutunu değiştirme için öncelikle uygulamanızı açın “Renkler” kısmına gelin ve sayfayı en aşağı kaydırın. Sayfanın sonunda CSS kodlarını girebileceğiniz bir alan göreceksiniz. Eğer bu alanı görüntüleyemiyorsanız sağ üstteki “Göster” butonuna tıklayın.
Aktif ettiğiniz Gelişmiş Özelleştirme CSS/ SCSS kısmına aşağıdaki kodları girin;
.list .item.item-thumbnail-left {
min-height: auto;
}
.list .item.item-thumbnail-left img {
height: auto;
}
Yukarıdaki kod otomatik değerleri atamaktadır. Bunu “auto” yazan kısma özel bir değer girerek değiştirebilirsiniz. Örnek verecek olursak;
.list .item.item-thumbnail-left {
min-height: 100px;
}
Yada “auto !important;” değerini kullanabilirsiniz.
.list .item.item-thumbnail-left img {
height: auto !important;
}
Girilen CSS kodları sonrası uygulamanız aşağıdaki gibi olacaktır. Öncelikle belirtelim ki bu kodlar resme, yazı boyutuna ve yazı uzunluğuna göre farklılık gösterebilmektedir.
Tekrar hatırlatmamız gerekirse bu özellik her modül üzerinde çalışmayabilir. Görseldeki özellik E-Ticaret ve Klasör modülünde çalışmaktadır.
CSS kodları kullanılarak birçok tasarım değiştirilebilir. Destek sayfamız üzerinden bu CSS kodları hakkında sizleri sürekli bilgilendireceğiz. Bugün bu yazımızda Resim boyutunu değiştirme nasıl yapılır? bunu inceledik. Destek Sayfamızı takipte kalarak ufak ipuçlarına erkenden ulaşabilirsiniz. Bizimle iletişime geçmek için buraya tıklayabilirsiniz.