ワードプレス用のWooCommerceフォントカラー

Question

初めて私はコマースを使用しており、作業中のサイトのショッピングカートとチェックアウトページのフォント（とサイズ）の色を変更しようとしました。 。私は火薬瓶を使用しましたが、私は変更を加えてどこにも行きません。私はそのシンプルな修正だと確信していますが、それは私のお尻を蹴る。

助けてください

body { 
 
    background-image: none; 
 
} 
 

 
.no-featured-image-post { 
 
    padding-left: 0px !important; 
 
} 
 

 
.thumbnail-article img, .gallery-item img, 
 
.entry-content img, .comments img, 
 
.album-widget figure figcaption img, 
 
.post-article.single-post .content-album-article .left figure figcaption img, .albums-container article figure figcaption img, 
 
.videos-container article figure figcaption img, 
 
.photos-container article figure figcaption img, 
 
.artists-container article figure figcaption img, 
 
.ablums-posts-right article .left figure figcaption img, 
 
.single-event-widget figure figcaption img, 
 
figure.event figcaption img, 
 
.events-container article figure figcaption img, 
 
article.event-article figure figcaption img, 
 
.artist-widget figure figcaption img, 
 
.top-events-albums .events-albums ul li figure figcaption > img, 
 
.event-widget figure figcaption img, .event-widget-countdown figure figcaption img, 
 
.top-albums-widget article figure figcaption img, 
 
.top-rated-albums-widget article figure figcaption img, 
 
.photos-container article figure figcaption img, 
 
.products > li img, 
 
.images .woocommerce-main-image img, 
 
.images .thumbnails a img, 
 
.widget_shopping_cart_content .product_list_widget li a img, 
 
.woocommerce .shop_table.cart .product-thumbnail > a img, 
 
.ablums-posts-bottom article .left figure figcaption img { 
 
    height: auto; 
 
} 
 
.awaiting-moderation { 
 
    font-style: italic; 
 
} 
 

 
.form-allowed-tags { 
 
    display: none; 
 
} 
 

 
.post-article .content-article h1, .post-article .content-event-article h1 { 
 
    margin-bottom: 20px; 
 
} 
 

 
.event-details .details p span { 
 
    min-width: 90px; 
 
} 
 

 
.events-container article figure figcaption .min-info h4 { 
 
    color: #fff; 
 
} 
 

 
article iframe { 
 
    width:100%; 
 
} 
 

 
.menu { 
 
    z-index: 99; 
 
} 
 

 
body.admin-bar { 
 
    padding-top: 0; 
 
} 
 

 
.products > li .product-container .onsale { 
 
    position: absolute; 
 
    z-index: 3; 
 
    border-radius: 50%; 
 
    background: rgba(142, 68, 173, 0.8); 
 
    display: block; 
 
    width: 40px; 
 
    height: 40px; 
 
    text-align: center; 
 
    line-height: 40px; 
 
    color: #000000; 
 
    font-family: 'Roboto'; 
 
    font-weight: 500; 
 
    font-size: 15px; 
 
    margin: 15px 0 0 15px; 
 
} 
 

 
.wpb_row { 
 
    margin-left: 0px !important; 
 
    margin-right: 0px !important; 
 
} 
 

 
.wpb_column > .wpb_wrapper .underline-bg { 
 
    margin-bottom: 20px !important; 
 
} 
 

 
.widget .tagcloud a { 
 
    padding: 0px 8px; 
 
} 
 

 
.wp-caption, 
 
.wp-caption-text, 
 
.sticky, 
 
.gallery-caption, 
 
.bypostauthor, 
 
.aligncenter { } 
 

 
.minimal-player .name p { 
 
    margin-bottom: 0px !important; 
 
} 
 

 
.format-audio figcaption > div, 
 
.format-audio figcaption > p 
 
{ 
 
    display:none !important; 
 
} 
 

 
.light-layout .dropcap { 
 
    color: #000000; 
 
} 
 

 
.woocommerce-tabs .entry-content .comment-respond .comment-form p textarea { 
 
    display: inline-block; 
 
    border-color: black; 
 
} 
 

 
body.light-layout .woocommerce #payment .payment_box, body.light-layout .make-event #payment .payment_box { 
 

 
\t padding-bottom: 20px; 
 
     border-color: black; 
 
} 
 

 
body.light-layout .woocommerce #payment .payment_box input[type=text], body.light-layout .make-event #payment .payment_box input[type=text], 
 
body.light-layout .woocommerce #payment .payment_box p, body.light-layout .make-event #payment .payment_box p { 
 
\t margin-bottom: 0; 
 
\t padding-bottom: 0; 
 
     font: #000; 
 
     border-color: black; 
 
}

Answer 1

あなたが使用している "フォントの色を：＃000000;"最後のセレクタで無効なCSSです

フォントの色の変更が必要な場合は、color：＃000を使用してください。 （それは黒だから6つのゼロのためにも必要はありません）

また、あなたはあなたのCSSのエラーがhttp://csslint.net/

.woocommerce .shop_table.cart .product-thumbnail .product-info a, .make-event .shop_table.cart .product-thumbnail .product-info a, 
 
.woocommerce .shop_table.cart .product-price .amount, .make-event .shop_table.cart .product-price .amount, .woocommerce .shop_table.cart .product-subtotal .amount, .make-event .shop_table.cart .product-subtotal .amount, 
 
.woocommerce .shop_table tr th, .make-event .shop_table tr th, .woocommerce .shop_table tr td, .make-event .shop_table tr td, 
 
.woocommerce .cart-totals-container .cart_totals table th, .make-event .cart-totals-container .cart_totals table th, .woocommerce .cart-totals-container .cart_totals table td, .make-event .cart-totals-container .cart_totals table td, 
 
.woocommerce .cart-totals-container .cart_totals table th strong, .make-event .cart-totals-container .cart_totals table th strong, .woocommerce .cart-totals-container .cart_totals table td strong, .make-event .cart-totals-container .cart_totals table td strong, 
 
#customer_login h2, 
 
body.light-layout .woocommerce .cart-totals-container > button, 
 
body.light-layout .woocommerce .shop_table.cart thead th, body.light-layout .make-event .shop_table.cart thead th { 
 
    color: #000 !important; 
 
}

あなたのCSSファイルの下にこれを追加チェックするサービスを利用することができますカートページのすべてを上書きする必要があります。

しかし、私の推測では、あなたのテーマのフォントの色を変更することができます。それはキャンバスのテーマかもしれませんか？ [テーマのオプション]または[外観]> [テーマのオプション]に移動し、フォントタイプと色を変更できるようにするタイポグラフィ設定を探します。