Solved, WooCommerce CSS Style Not Working

This issue occurs if you create a custom page or if you create your own theme . I found the people experiencing the same issue here and here. CSS Style WooCommerce but the problem can be solved easily

Add Class woocommerce

Solved, WooCommerce CSS Style not working by adding class ‘woocommerce’ inside <body> tag. I get it from github users Manovotnni , you can read more details here. Now open the header file in your theme and find the <body> change to

<body <?php body_class( 'woocommerce' ); ?>>

This method works well for each custom page.

PHP : Membuat Hari dan Tanggal Indonesia

Tutorial kali ini membahas PHP (Hypertext Preprocessor), dengan contoh membuat Hari dan Tanggal dengan menggunakan Bahasa Indonesia yang simple dan mudah. Ikuti langkah berikut.

Buat Function

Membuat Function PHP untuk mereplace hari dan bulan menggunakan Bahasa Indonesia, sebagai contoh : Sunday akan digantikan Minggu dan January akan digantikan menjadi Januari sesuai fungsi PHP str_replace dan array. Buat file tanggal.php kemudian copy/paste kode berikut:

 <?php
 
    function tglIndonesia($str){
       $tr   = trim($str);
       $str    = str_replace(array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'), array('Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum\'at', 'Sabtu', 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'), $tr);
       return $str;
   }
      
 ?>

Cara menggunakan Function

Untuk menggunakan function PHP yang telah kita buat dan menampilkan hari dan tanggal dalam Bahasa Indonesia lakukan seperti contoh berikut:

<?php echo tglIndonesia(date('D, d F, Y')); ?>

Keterangan:

D : Hari
d : Tanggal
F : Bulan
Y : Tahun

Output:

Minggu, 24 Januari, 2016

Simple dan mudah bukan?

Disable Box Shadow Bootstrap

Add this line in your CSS file to disable box shadow or inset shadow Boostrap forms

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: none;
  border: 1px solid #545454;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
.form-control:focus {
    border: 1px solid #545454;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

Happy Coding