• 10-09-2021, 12:13:21
    #1
    Arkadaslar merhaba, asagidaki koda padding: 15px 32px ekliyorum ama sadece hover boyutu buyuyor butonun, acaba butonun hem asil hem hover boyutunu nasil buyutebilirim? Buton cok kucuk gorunuyor ve border-radius:30px koruyarak butonu buyultmek istiyorum.



    .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
    
    background:#3CAADE !important;
    
    background-color:#3CAADE !important;
    
    color:white !important;
    
    text-shadow: transparent !important;
    
    box-shadow: none;
    
    border-color:black !important;
    
    }
    
    .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    
    background:#3CAADE !important;
    
    background-color:#3CAADE !important;
    
    color:white !important;
    
    text-shadow: transparent !important;
    
    box-shadow: none;
    
    border-color:black !important;
    
    }
    
    .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
    
    background: #F3C314 !important;
    
    color:black !important;
    
    text-shadow: transparent !important;
    
    border-color:grey !important;
        
    border-radius:30px
    
    }
    
    .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
    
    background: #3CAADE !important;
    
    box-shadow: none;
    
    text-shadow: transparent !important;
    
    color:white !important;
    
    border-color:black !important;
    
    }
  • 10-09-2021, 12:19:20
    #2
    Çünkü hover kısmına eklemişsinizdir padding değerlerini. Normal classların sonunda :hover olmayan yerlere eklemeyi denediniz mi? Büyük ihtimal olacaktır o şekilde.

    Şu kısma eklemeyi dener misiniz?

    .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
     
    background: #F3C314 !important;
     
    color:black !important;
     
    text-shadow: transparent !important;
     
    border-color:grey !important;
         
    border-radius:30px
     
    }
  • 10-09-2021, 12:20:08
    #3
    Bakalım
  • 10-09-2021, 12:32:35
    #4
    erpektech adlı üyeden alıntı: mesajı görüntüle
    Çünkü hover kısmına eklemişsinizdir padding değerlerini. Normal classların sonunda :hover olmayan yerlere eklemeyi denediniz mi? Büyük ihtimal olacaktır o şekilde.

    Şu kısma eklemeyi dener misiniz?

    .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
     
    background: #F3C314 !important;
     
    color:black !important;
     
    text-shadow: transparent !important;
     
    border-color:grey !important;
        
    border-radius:30px
     
    }
    hem butonun yuvarlakligi degisiyor hemde buyumuyor neyazikki: