Support » Themes and Templates » Safari doesn't load the stylesheet even on WP admin

  • Resolved dwnfred

    (@dwnfred)


    Hello folkes

    i get a strange problem, in the site http://www.reflexo-riviera.ch/ all the browsers are displaying correctly the website but not Safari (last version 5.1.7)

    it is like there is no stylesheet, or stylesheet is broken

    Have you any suggestion ?

    Thank you, kind regards

Viewing 15 replies - 1 through 15 (of 17 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried deactivating plugins to explore whether any could be responsible?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please don’t disable right click.

    esmi

    (@esmi)

    Have you tried switching to the default 2012 theme to rule out any theme-specific problems?

    Thread Starter dwnfred

    (@dwnfred)

    sorry, i am enabling again right click

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this to your CSS;

    body {
     border: 10px solid red !important;
    }

    To see whether Safari is loading your CSS.

    Thread Starter dwnfred

    (@dwnfred)

    i am becoming made because it is working correctly on ALL browser but only super-SAFARI is not loading the stylesheet even on the admin part /wp-admin

    Thread Starter dwnfred

    (@dwnfred)

    I have put following code on the stylesheet :
    background:#ffffff !important;
    it is not changing anythin, there is still a green/yellow horrible background

    have you see the issue on your safari too ?

    Thread Starter dwnfred

    (@dwnfred)

    @esmi if i change with twentyeleve or another template it is the same issue, it is partially loading the stylesheet

    esmi

    (@esmi)

    Can we see the site using the default theme with all plugins deactivated?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    have you see the issue on your safari too ?

    Yes.
    I suspect it’s some JavaScript in a plugin that’s causing the issue.

    Reason for that suspicion:
    Run this jsFiddle page in Safari
    http://jsfiddle.net/aqusz/

    That jsFiddle page is constructed from your HTML and CSS.

    Thread Starter dwnfred

    (@dwnfred)

    WHAT THE F**K

    the code by default was

    <!– Style sheets –>
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>” media=”screen” />

    i changed with

    <!– Style sheets –>
    <link rel=”stylesheet” type=”text/css” href=”./wp-content/themes/delicate/style.css” />

    and it works

    please help me to understand because im going to throw myself through the window to understand why safari doesn’t load correctly the stylesheet with default link code when all other browsers load correctly

    :'(

    Thread Starter dwnfred

    (@dwnfred)

    Safari doesn’t like absolute link

    <?php bloginfo(‘stylesheet_url’); ?>

    I made some tests with and without

    please explain me that :'(

    Thread Starter dwnfred

    (@dwnfred)

    any advice? why Safari is not interpreting correctly when adding

    <?php bloginfo(‘stylesheet_url’); ?>

    on this template, i must really put ./wp-content/… relative link

    Thread Starter dwnfred

    (@dwnfred)

    by the way, it was exactly the same issue on the admin environnement :

    by default

    <?php
    wp_enqueue_style( ‘colors’ );
    wp_enqueue_style( ‘ie’ );
    wp_enqueue_script(‘utils’);

    $admin_body_class = preg_replace(‘/[^a-z0-9_-]+/i’, ‘-‘, $hook_suffix);
    ?>

    fixed version

    <link rel=’stylesheet’ href=’./load-styles.php?c=1&dir=ltr&load=admin-bar,wp-admin,buttons&ver=3.5.1′ type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’thickbox-css’ href=’../wp-includes/js/thickbox/thickbox.css?ver=20121105′ type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’colors-css’ href=’./css/colors-fresh.min.css?ver=3.5.1′ type=’text/css’ media=’all’ />
    <!–[if lte IE 7]>
    <link rel=’stylesheet’ id=’ie-css’ href=’./css/ie.min.css?ver=3.5.1′ type=’text/css’ media=’all’ />
    <![endif]–>
    <?php
    /*
    wp_enqueue_style( ‘colors’ );
    wp_enqueue_style( ‘ie’ );
    wp_enqueue_script(‘utils’);
    */
    $admin_body_class = preg_replace(‘/[^a-z0-9_-]+/i’, ‘-‘, $hook_suffix);
    ?>

    i don’t understand what it is going with safari…

    Thread Starter dwnfred

    (@dwnfred)

    a new detail i found :

    when using <?php bloginfo(‘stylesheet_url’); ?> and when i go and see the code source on SAFARI http://s22.postimage.org/e28sfeecx/Capturer.jpg the variable is “broken”, if I copy and paste the variable :

    http://www.reflexo-riviera.ch
    /wp-content/themes/delicate/style.css

    the variable is cutted in two part http://www.reflexo-riviera.ch & /wp-content/themes/delicate/style.css hope you understand, then Safari can’t load the stylesheet… but if i put the absolute path manually

    <link rel=”stylesheet” type=”text/css” href=”http://www.reflexo-riviera.ch/wp-content/themes/delicate/style.css&#8221; media=”all”/>

    it works… it seems that there is a problem related with bloginfo(‘stylesheet_url’); and the interpretation of Safari to get this variable

    have you noticed a same problem? it seems that it is not related with the template because i tried we another template and it remains the same. And the issue is the same in the admin dashboard

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Safari doesn't load the stylesheet even on WP admin’ is closed to new replies.