Welcart Square 1.5.1 をリリース

【DL Seller】自動継続課金情報ページのスタイル調整

WCEX DL Seller 3.5 で追加された自動継続課金情報ページのスタイル調整をおこなっております。
Welcart Square をカスタマイズしてアップデートできない場合は、Welcart Basic を最新バージョンにアップデートしていただき、下記を参考にスタイル追加・削除をおこなってください。

スタイル削除・追加 ：　dlseller.css 79行目〜

1. Welcart Square 1.5 で追加したスタイルに不要なスタイルがございますので、まず下記のスタイルを削除してください。

.auto_billing_contents dl,
#memberinfo .auto_billing_contents table {
    font-size: 14px;
}

#wc_member_auto_billing_info #memberinfo h3 {
    padding-left: 1rem;
    font-size: 1.16667em;
    line-height: 26px;
}

2. 続いて、削除した部分に下記のスタイルを追加ください。

#wc_member_auto_billing_info .member_submenu {
    margin-top: 1rem;
}

/* .auto_billing_contents */
#wc_member_auto_billing_info .auto_billing_contents .subscription_block,
#wc_member_auto_billing_info .auto_billing_contents dt,
#wc_member_auto_billing_info .auto_billing_contents dd,
#wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody,
#memberinfo .auto_billing_contents table tbody td,
#memberinfo .auto_billing_contents table tbody td:nth-child(even),
#memberinfo .auto_billing_contents p.nodata {
    border-color: #ddd;
}

#wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody td {
    margin: 0;
}

#wc_member_auto_billing_info .auto_billing_contents .billing-year-select select {
    height: auto;
    line-height: initial;
}

@media screen and (min-width: 38.75em) {

    /* .auto_billing_contents */
    #wc_member_auto_billing_info .auto_billing_contents dl::after {
        background-color: #ddd;
    }

    #wc_member_auto_billing_info #memberinfo .auto_billing_contents table thead th,
    #wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody td,
    #wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody td:last-child,
    #wc_member_auto_billing_info .auto_billing_contents dd:nth-of-type(odd) {
        border-color: #ddd;
    }
}

スタイル追加 ：　inc/theme-customizer.php 1440行目〜

function wcct_customizer_footer_styles() {
・・・
    div.cart_navi li.current {
        color: <?php echo $site_color; ?>;
    }

    /* -- dlseller -- */
    #memberinfo #history_head td.retail a,
    #wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody td a {
        color: <?php echo $text_link_color; ?>;
    }

    #memberinfo #history_head td.retail a:hover,
    #wc_member_auto_billing_info #memberinfo .auto_billing_contents table tbody td a:hover {
        color: rgba( <?php echo $text_link_rgb; ?>, .6 );
    }

    /* -- autodelivery -- */
    #wc_autodelivery_history .send input {
        color: <?php echo $main_text; ?>;
        background-color: rgba(<?php echo $sub_btn_rgb; ?>, 1 );
    }
・・・
}