CSS Tips & Tricks Archive

Menghilangkan Header dan Menu Homepage

Untuk memuat konten full atau seukuran layar HP tanpa header dan menu di bagian bawah, kopi script di bawah ini dan tempatkan di menu Color – Advanced Customization CSS/SCSS di Editor Androjex. “` .tabs { display: none;

Ubah Transparansi BG Menu Selengkapnya

Beberapa layout, semisal Layout 1 atau layout yang posisi menunya ada di bagian bawah, ketika diklik icon titik tiga (more/selengkapnya), tampilan backgroundnya sangat transparan sehigga menu yang ada kelihatan kurang jelas. Untuk mengubahnya, kopi script berikut dan

Mengubah Tampilan Fitur Audio

Kopi dan tempatkan script di bawah ini ke menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .audio-list .list { margin: 0; } .audio-list .item.item-custom.text-center.ng-binding { box-shadow: 0 1px 4px rgba(119,119,119,1); } .audio-list .list.col-34.col-offset-10 { max-width: 140px;

Mengilangkan Menu Tertentu dari Aplikasi

Ada kalanya kita tidak ingin menampilkan menu tertentu di aplikasi kita. Misalnya, kita punya 5 button menu dan ingin menghilangkan salah satunya sehingga menyisakan empat seperti pada gambar. Untuk melakukannya, gunakan script di bawah ini dan tempatkan

Mengubah Tampilan Modul My Account

Gunakan script di bawah ini untuk mengubahnya. Kopi dan tempatkan ke menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .customer-view .item.item-custom { border-radius: 30px; text-transform: uppercase;
 margin: 10px; } Untuk mengubah bulatan pada sisi kiri dan

Mengubah Bentuk Menu Layout Circle

Mengubah tampilan menu dari bulat menjadi kotak. Contoh ini menggunakan template Metro. Tempatkan CSS di bawah ini di menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .layout_siberian_year .homepage-custom.translucent { border-radius: 0; } .layout_siberian_year label.menu-open-button.homepage-custom.menu-item { border-radius:

Menghilangkan Margin Antarmenu

Setiap button menu diberi jarak antara button menu yang satu dengan button menu yang lain. Sebagai contoh, script ini diterapkan pada Template Metro – Layout 3. Untuk menghilangkan jarak atau mengurangi jarak setiap button menu, gunakan CSS

Ubah Tinggi Menu Layout 18

Tampilan menu selangkapnya pada Layout 18 berada di tengah halaman. Untuk mengubahnya agar fit dengan ukuran layar seperti pada gambar, gunakan CSS di bawah ini. Silakan dikopi dan ditempatkan di menu Colors – Advanced Customization CSS/SCSS  pada Editor

Menghilangkan Titik (Slider) di Bawah Menu

Layout 3, 4, dan 5 memiliki icon titik di bawah menu. Untuk menghilangkan icon tersebut, gunakan script berikut. Kopi dan tempatkan di menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .slider-pager { display: none; }

Mengubah Ukuran Icon Play Pada Modul Video

Tambahkan script di bawah ini pada field Advanced Customization CSS/SCSS di Editor Androjex. .video-view .sprite { background-size: 15%; background-position: 96% 80%; } Untuk mengubah ukuran play-button, silakan ubah nilai persentase pada background-size dan untuk mengubah posisi button, ubah