• 09-02-2024, 16:47:28
    #1
    Script ve Lisans
    Merhabalar hocalarım, bir ödeme firmasının ödeme kısmı (kart bilgilerinin girildiği yer) çok küçük burayı büyütebilir miyim yada ortalayabilir miyim yardımcı olabilecek var mı ? Mobilde de aynı şekilde sorun yaşıyorum bu konuda genişletilmesi gerek.

    .payment_method_payizorcheckout img{
        display: inline-block!important;
        max-width: 380px!important;
    }
    
    .payizorOdemeForm .row {
        display: -ms-flexbox; /* IE10 */
        display: flex;
        -ms-flex-wrap: wrap; /* IE10 */
        flex-wrap: wrap;
        margin: 0 %100px;
    }
    .payizorOdemeForm .col-50 {
        -ms-flex: 50%; /* IE10 */
        flex: 50%;
    }
    
    .payizorOdemeForm .col-100 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;
    }
    .payizorOdemeForm .col-50,
    .payizorOdemeForm .col-100 {
        padding: 0 16px;
    }
    
    .payizorOdemeForm .container {
        background-color: #f2f2f2;
        padding: 5px 20px 15px 20px;
        border: 1px solid lightgrey;
        border-radius: 3px;
        width: 100%!important;
    }
    
    .payizorOdemeForm input[type=text] {
        width: 100%;
        margin-bottom: 20px;
        padding: 12px;
        border: 1px solid #ccc;
        background: white;
        border-radius: 3px;
    }
    
    .payizorOdemeForm select {
        width: 100%;
        margin-bottom: 20px;
        padding: 12px;
        border: 1px solid #ccc;
        background: white;
        border-radius: 3px;
    }
    
    .payizorOdemeForm label {
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
        color: black;
    }
    
    
    .payizorOdemeForm .btn {
        background-color: #4CAF50;
        color: white;
        padding: 12px;
        margin: 10px 0;
        border: none;
        width: 100%;
        border-radius: 3px;
        cursor: pointer;
        font-size: 17px;
    }
    
    .payizorOdemeForm .btn:hover {
        background-color: #45a049;
        color: white;
    }
    .payizorOdemeForm iframe{
        width: 100%;
        min-height: 500px;
        border: 1px solid lightgrey;
        border-radius: 3px;
    }
    
    @media (max-width: 800px) {
        .payizorOdemeForm .row {
            flex-direction: column-reverse;
        }
    }
    .payizorOdemeForm .alert {
        padding: 20px;
        border-radius: 3px;
        background-color: #f44336; /* Red */
        color: white;
        margin-bottom: 15px;
    }
    
    /* The close button */
    .payizorOdemeForm .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    /* When moving the mouse over the close button */
    .payizorOdemeForm .closebtn:hover {
        color: black;
    }
    
    
    .woocommerce ul.order_details {
        display: none !important;
    }
  • 09-02-2024, 16:52:47
    #2
    🥇R10'un En İyi Ajansı 🥇
    hocam site linkini atar mısın
  • 09-02-2024, 16:55:51
    #3
    Büyütmek için:
    width:100%;
    Ortalamak için:
    text-align:center
  • 09-02-2024, 17:07:30
    #4
    ilgili alanın html ve css kodlarınızı atarsanız daha sağlıklı yardımcı olabiliriz ama genel olarak position relative ile ilgili divi width:100% çekerseniz büyüyecektir
  • 09-02-2024, 17:08:21
    #5
    Script ve Lisans
    CREATIVE35 adlı üyeden alıntı: mesajı görüntüle
    ilgili alanın html ve css kodlarınızı atarsanız daha sağlıklı yardımcı olabiliriz ama genel olarak position relative ile ilgili divi width:100% çekerseniz büyüyecektir
    tabiki hocam konumu güncelliyorum
  • 09-02-2024, 17:28:54
    #6
    html kodların içinde belirttiğiniz yer için "col-4" gibi bir yer var orayı "col-12" yapıp bir deneyin.