Indytheme Support

ถาม - ตอบ => Smart Variety => ข้อความที่เริ่มโดย: go-variety134 ที่ 26/06/20 เวลา 16:54 น.

หัวข้อ: รบกวนขอคำแนะนำในการแก้ไข css textbox บน woocomerce ครับ
เริ่มหัวข้อโดย: go-variety134 ที่ 26/06/20 เวลา 16:54 น.

สวัสดีครับ

พอดีผมใช้ woocommerce แล้วตรงหน้า checkout text box มันหดขนาดเล็ก เมื่อดูจากมือถือ จึงรบกวนสอบถามเป็นแนวทางในการแก้ไขว่า ควรไปแก้ css ตรงไหนครับ

ขอบคุณครับ
(https://www.roop.xyz/images/2020/06/26/212552.jpg)

หัวข้อ: Re: รบกวนขอคำแนะนำในการแก้ไข css textbox บน woocomerce ครับ
เริ่มหัวข้อโดย: SUPPORT ที่ 26/06/20 เวลา 23:39 น.

ลองเพิ่ม css ตามนี้ครับ

โค๊ด: [Select]

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: unset;
    padding: 0;
    flex: 1;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    margin: 0 15px;
}

.woocommerce .col2-set:after,
.woocommerce .col2-set:before,
.woocommerce-page .col2-set:after,
.woocommerce-page .col2-set:before {
    content: ' ';
    display: table;
}

.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
    clear: both;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    width: auto;
    padding: 0;
}

@media (max-width: 991.98px) {
    .woocommerce .col2-set,
    .woocommerce .col2-se,
    .woocommerce-page .col2-set,
    .woocommerce-page .col2-set {
        display: block;
        margin: 0;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        margin: 0 0 20px;
        width: 100%;
        float: none;
    }
}

หัวข้อ: Re: รบกวนขอคำแนะนำในการแก้ไข css textbox บน woocomerce ครับ
เริ่มหัวข้อโดย: go-variety134 ที่ 29/06/20 เวลา 17:18 น.

 :D ได้แล้วครับ ขอบคุณครับผม

(https://www.roop.xyz/images/2020/06/29/woo.png)