Black background for header

  • Resolved noritarte

    (@noritarte)


    4 years ago

    I don’t understand why if I enable cnd for css files the background of the header becomes dark grey/black. If I disable them it returns as it should be: white. What could be the cause? For now I am forced to disable cnd for css.

    Shift8 CDN Debug Info
    WordPress Version: 5.6.1
    Current WordPress Theme: Storefront Child theme of storefront version 3.5.0storefront
    PHP Version: 7.3.18-1+0~20200515.59+debian9~1.gbp12fa4f
    Active Plugins:
    Advanced Shipment Tracking for WooCommerce (3.2.1.5)
    Advanced Woo Search (2.21)
    Autoptimize (2.8.1)
    Better Font Awesome (1.7.4)
    Change Storefront Footer Copyright Text (1.0.1)
    Contact Form 7 (5.3.2)
    Direct Checkout for WooCommerce (2.4.3)
    Facebook for WooCommerce (2.3.0)
    Font Awesome 4 Menus (4.7.0)
    Fonts Plugin | Google Fonts Typography (2.5.3)
    GDPR Cookie Consent (1.9.5)
    Jetpack by WordPress.com (9.4)
    Mailchimp for WooCommerce (2.5.0)
    MetaSlider (3.20.2)
    Mobile Contact Bar (2.0.6)
    Product Feed PRO for WooCommerce (9.5.7)
    Really Simple SSL (4.0.8)
    Related Products for WooCommerce (3.3.3)
    Shift8 CDN (1.46)
    Smush (3.8.3)
    The SEO Framework (4.1.3)
    Title Remover (1.2.1)
    WooCommerce (5.0.0)
    WP Config File Editor (1.7.1)
    WP Subscribe (1.2.12)
    WP Super Cache (1.7.1)

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author shift8

    (@shift8)

    Hello!

    Sorry about your troubles! Sometimes these kind of tricky problems can happen.

    Its theoretically possible that the background color is changing because the order of the CSS files being loaded changes slightly. So if another CSS file declares it dark grey/black first and then your own CSS file declares the same class as white, the CDN may change that order of which css files are loaded when.

    This means that the CSS file for dark/grey/black is loading last with the CDN enabled and its loaded first when the CDN is disabled.

    I can confirm this assumption if you dont mind enabling the CDN for CSS files and updating me here in this thread. I can check and confirm what is happening.

    The other option is the CSS file version is cached on our CDN and is not updating your change. The way to show changes to CSS files VIA our CDN is to use a version query string in your theme’s functions file for the style.css so :

    yoursite.com/wp-content/theme/style.css becomes

    yoursite.com/wp-content/theme/style.css?ver=1.0.1

    When you update the style.css , make sure to change ?ver=1.0.1 to ?ver=1.0.2 and the CDN will consider it a new file and not show an old / cached version.

    You can alternatively force a cache purge as well in the CDN settings (or our dashboard).

    Hope this helps – but if you want to enable and let me know I can also check.

    Thanks!

    Plugin Author shift8

    (@shift8)

    Closing this issue now – feel free to update if you need further help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Black background for header’ is closed to new replies.