important eklenmiş css kodunu etkisiz kılma

29-05-2023, 12:40:53

bir kodum var

.vc_custom_1685352418926 {
    padding-top: 20px !important;
    padding-right: 100px !important;
    padding-left: 100px !important;
}

bu kodu eklediğimde important nedeniyle etkisiz kalmıyor. başka ne yapılabilir.

@media only screen and (max-width: 767px) {
    .vc_custom_1685352418926 {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

bu kodu mobilde geçersiz kılmak istiyorum nasıl yapabiliriz.

29-05-2023, 12:45:51

#2

TuorElanesse

@media only screen and (min-width: 767px) {
.vc_custom_1685352418926 {
    padding-top: 20px !important;
    padding-right: 100px !important;
    padding-left: 100px !important;
}
}

yapın hocam.

29-05-2023, 12:52:17

#3

DrMellon

arenpi adlı üyeden alıntı: mesajı görüntüle

bir kodum var

.vc_custom_1685352418926 {
    padding-top: 20px !important;
    padding-right: 100px !important;
    padding-left: 100px !important;
}

bu kodu eklediğimde important nedeniyle etkisiz kalmıyor. başka ne yapılabilir.

@media only screen and (max-width: 767px) {
    .vc_custom_1685352418926 {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

bu kodu mobilde geçersiz kılmak istiyorum nasıl yapabiliriz.

Değiştirmek istediğiniz kodu diğer kodun alt satırlarında bir yere koyup CTRL + F5 yaparak dener misiniz?

29-05-2023, 12:58:05

#4

Osmanlihitafi

@media only screen and (max-width: 767px) {
    .vc_custom_1685352418926.not-important {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
}

Kullanacağın vc bölümüne de ek css kodunu kendin tanımlarsın:

<div class="vc_custom_1685352418926 not-important"> İçerik </div> gbi.

29-05-2023, 12:59:43

#5

Osmanlihitafi

Birde ek olarak sayfaya özel bir Javscript kodu hazırlayabilirsin ve onunla da belirlediğin kodları sayfa açıldığında otomatik iptal ettirirsin.