• Resolved zaja

    (@zaja)


    Hi, it seems that storefront customizer, background color setting, add background color not only to body background, but also to this css tags, this create strange problem on some pages (cart, checkout, pagination etc). Screenshot:
    https://yadi.sk/i/wKnz26mt3aZ83A

    Do you have any suggestion how to resolve this in child theme, in function.php?

    I found this in storefront/inc/customizer/class-storefront-customizer.php:

    			table th {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -7 ) . ';
    			}
    
    			table tbody td {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -2 ) . ';
    			}
    
    			table tbody tr:nth-child(2n) td,
    			fieldset,
    			fieldset legend {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -4 ) . ';
    			}
    			.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], $darken_factor ) . ';
    				color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['text_color'], -10 ) . ';
    			}
    
    			#comments .comment-list .comment-content .comment-text {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -7 ) . ';
    			}
    			#order_review {
    				background-color: ' . $storefront_theme_mods['background_color'] . ';
    			}
    
    			#payment .payment_methods > li .payment_box,
    			#payment .place-order {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -5 ) . ';
    			}
    
    			#payment .payment_methods > li:not(.woocommerce-notice) {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -10 ) . ';
    			}
    
    			#payment .payment_methods > li:not(.woocommerce-notice):hover {
    				background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -15 ) . ';
    			}
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi there,

    it seems that storefront customizer, background color setting, add background color not only to body background, but also to this css tags, this create strange problem on some pages (cart, checkout, pagination etc).

    We are testing this on a few test sites, and when we change the background color it only changes the background area as seen at this screenshot. it seems there may be a plugin conflict that could be causing this – can you disable your plugins except for WooCommerce and Storefront items (if you have the PowerPack) and continue to test? Let us know the results!

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront setting – background color problem’ is closed to new replies.