Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67505 Members, 783 Products, 5291 Topic, 12956 Comments)

Cara mengubah CSS dari sebuah element HTML

Dibuat
Login Terakhir 10 Jam lalu,
Telah Dilihat 1962 Kali
PHPMU.COM Support Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. Silahkan download gambar yang saya lampirkan dibawah ini terlebih dahulu sebelum lanjut, disini saya coba mengubah warna tombol "Beli Pulsa" :
  3.  
  4. 1. Lakukan klik kanan pada tombol "Beli Pulsa" yang saya panah hitam, selanjutnya pilih "Inspect",
  5. 2. Selanjutnya akan muncul dibagian bawah Toolbar yang berisi file html dan css seperti ayng terlihat di gambar.
  6. 3. pada lingkaran merah didalam toolbar yang saya lingkari merah itu adalah kode html dari tombol "Beli Pulsa" yang ingin kita ubah warnanya.
  7. 4. Selanjutnya lihat pada bagian kanan yang saya lingkari Biru, itu adalah kode css yang saat ini digunakan oleh tombol "Beli Pulsa", terlihat disana untuk warnanya : background-color: #ff7200;
  8.  
  9. sekarang mari kita cari dan ubah warnanya,..
  10.  
  11. 5. klik kanan pada yang saya panah hijau "green.css:1768", selanjutnya pilih "Open in new tab", selanjutnya anda akan dibawa ke file css dari tombol Beli Pulsa, lihat pada address bar : http://domain.xxx/template/phpmu-marketrancak/css/green.css
  12.  
  13. oke sekarang kita sudah mengetahui dimana posisi dari file css-nya dari "background-color: #ff7200;", sekarang mari kita buka file tersebut dengan kode editor notepad++, atau Vscode,.
  14.  
  15. pada point 5 pada yang dipanah hijau disana ada keterangan : "green.css:1768" yang artinya kode css dari tombol "Beli pulsa" terletak pada baris 1768 pada file http://domain.xxx/template/phpmu-marketrancak/css/green.css
  16.  
  17. sekarang silahkan cari barius tersebut dan ubah warna tombolnya :
  18. "background-color: #ff7200;"
  19.  
  20. silahkan ganti kode warna #ff7200 menjadi kode dari awrna yang di inginkan, dan simpan,.. selesai,..
Ada 1 File Kiriman :
1. cara_ubah_css1.png (470 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!