CSS שימושי

ביטול לחיצה על תמונה ותכונה PRETTY PHOTO במובייל בתבניות מבוססות ויז'ואל קומפוזר

@media all and (max-width: 479px) {
    .vc_single_image-wrapper.prettyphoto {    
        pointer-events: none;
    }
}

ניתן לעשות גם באמצעות Jquery

if ($(window).width() >= 768) { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
}

דחיפת טקסט בתוך שדה input מאד שימושי לשדות לצור קשר

input{
  text-indent: 10px;
}

שינויי ודריסת צבע של PLECEHOLDER

input::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.5em;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  line-height: 1.5em;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  line-height: 1.5em;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1.5em;
}

הצגת חיצים בשדה מספרי באופן קבוע

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

תיקון תמונה

img {
  height: 120px;
}

.cover {
  width: 260px;
  object-fit: cover;
}

קישור להסבר