email mailto: pretext

 <a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebih%20lanjut%0A(send%20email%20ini)">Hantar Email</a>

Hantar Email

CSS FIT NO X SCROLLBAR THE HTML IN SCREEN EVENTHOUGH IMAGE OVERSIZE

  CSS FIT NO X SCROLLBAR THE HTML IN SCREEN EVENTHOUGH IMAGE OVERSIZE

/* Apply box-sizing to all elements */
 *, *::before, *::after
{ box-sizing: border-box; }

 /* Prevent horizontal scrolling */
 html { margin: 0; padding: 0; overflow-x: hidden; }

Wordpress tunneling localhost

1. https://theboroer.github.io/localtunnel-www/

2. https://loca.lt/mytunnelpassword

Responsive Media Query

 /* Responsive Styles */
    @media (max-width: 768px) {
        add ccs here
    }
    @media (max-width: 480px) {
       add css here
    }

Woocommerce My Account Better Look

 /* Change WC Acct Page Column Widths */

@media only screen and (min-width: 769px) {

  .woocommerce-account .woocommerce-MyAccount-navigation {

    width: 22%;

  }

  .woocommerce-account .woocommerce-MyAccount-content { 

    width: 75%;

  }

}

/* Style WC Account Endpoint Links */

nav.woocommerce-MyAccount-navigation ul {

  list-style-type: none;

  padding-left: 0;

  max-width:200px;

  font-size: 17px;

  line-height: 26px;

}

nav.woocommerce-MyAccount-navigation ul li {

  padding: 8px 20px;

  background-color: rgba(0,0,0,0.05);

  border-bottom: 1px solid rgba(0,0,0,0.05);

}

nav.woocommerce-MyAccount-navigation ul li.is-active {

  background-color: rgba(0,0,0,0.1);

}

nav.woocommerce-MyAccount-navigation ul li.is-active a {

  color: rgba(0,0,0,0.8); cursor: default;

}

nav.woocommerce-MyAccount-navigation ul li.is-active:after {

  content: "";

  height: 0;

  width: 0;

  border-top: 20px solid transparent;

  border-left: 14px solid rgba(0,0,0,0.1);

  border-bottom: 20px solid transparent;

  float: right;

  margin-right: -34px;

  margin-top: -7px;

}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {

  background-color: rgba(0,0,0,0.07);

}

nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 

  content: "";

  height: 0;

  width: 0;

  border-top: 20px solid transparent;

  border-left: 14px solid rgba(0,0,0,0.07);

  border-bottom: 20px solid transparent;

  float: right;

  margin-right: -34px;

  margin-top: -7px;

}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {

    list-style-type: none;

    padding: 0 0 0 0;

    line-height: 26px;

}