CSS mengubah tampilan toko Anda: warna, jarak, ukuran, dan lainnya. Anda bisa menambahkan CSS Anda sendiri di dua tempat di builder: untuk seluruh toko, atau hanya untuk satu bagian.
CSS custom untuk seluruh toko
Klik ikon roda gigi lalu buka tab CSS custom. Kotaknya bernama Kode CSS: Berlaku untuk seluruh toko. CSS Anda dimuat di setiap halaman pasar yang sedang Anda edit, dan pratinjau menampilkan hasilnya.
Gunakan untuk aturan yang harus berlaku di mana-mana, misalnya menyembunyikan sebuah elemen di semua halaman atau mengubah gaya semua tombol. Misalnya, h1 { text-transform: uppercase; } menulis judul utama setiap halaman dengan huruf kapital.
CSS custom untuk satu bagian
Pilih sebuah bagian di tab Bagian. Di bawah pengaturannya, buka tab CSS custom. Kotak Kode CSS-nya bertuliskan Hanya berlaku untuk bagian ini. Sebagian besar bagian memilikinya, termasuk header, footer, hero, info produk, dan checkout.
Ini pilihan yang lebih aman. Storeep menambahkan bagian tersebut di depan setiap selector Anda, jadi aturan Anda tidak bisa mengubah apa pun di luarnya.
h2 { letter-spacing: 2px; }hanya mengubah judul di dalam bagian ini.- Gunakan
&untuk mengatur gaya bagian itu sendiri:& { border-top: 1px solid #000; }. - Aturan
@mediaberfungsi. Aturan di dalamnya juga dibatasi pada bagian tersebut. - Animasi
@keyframesdipertahankan persis seperti yang Anda tulis.
CSS bagian milik bagian itu di halaman itu. Gunakan Terapkan ke semua halaman pada bagian tersebut untuk menyalin bagian, beserta CSS-nya, ke halaman lain yang juga memilikinya. Lihat Terapkan ke semua halaman.
Mana yang dipakai
- Satu bagian terlihat salah: gunakan CSS custom bagian tersebut.
- Perubahan yang sama dibutuhkan di mana-mana: gunakan tab pengaturan CSS custom.
- Sebelum menulis CSS, periksa apakah sudah ada pengaturan yang melakukannya: warna ada di Skema warna, font di pengaturan Font, sedangkan sudut dan bayangan berasal dari tema Anda.
Saat CSS Anda tidak berfungsi
- Periksa apakah ada
}atau;yang hilang. Satu kesalahan bisa menghentikan aturan setelahnya. - Aturan Anda mungkin lebih lemah dari aturan tema. Buat selector-nya lebih spesifik.
- Di CSS bagian, jangan awali selector dengan
bodyatauhtml. Keduanya berada di luar bagian, jadi aturannya tidak akan cocok. - Jika halaman terlihat rusak, hapus perubahan terakhir Anda, publikasikan, lalu tambahkan aturan kembali satu per satu.
Perlu diketahui
- CSS custom milik pasar yang sedang Anda edit. Ulangi di setiap pasar yang membutuhkannya.
- Mengganti tema bisa mengubah nama class dan tata letak, jadi periksa CSS custom Anda setelah mengganti tema.
- Perubahan tayang saat Anda mengklik Publikasikan.
- Untuk HTML dan kode di dalam halaman, lihat Kode custom.