Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Brandon demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

How to switch from @import to Link for CSS
  • Our pages are taking a long time to load - we have checked on GTmetrix and pagespeed, and the first recomendation is to switch from @import to Links for the CSS

    The default CSS for the theme contains:
    @import url("css/base.css");

    @import url("css/animate.min.css");
    @import url("css/buttons.css");
    @import url("css/fonts.css");
    @import url("css/isotope.css");

    @import url("css/grid.css");
    @import url("css/layout.css");
    @import url("css/shortcodes.css");
    @import url("css/variables.css");

    We would like to replace with links:

    <style>
    <link rel="stylesheet" href="base.css" type="text/css" media="all" />
    <link rel="stylesheet" href="animate.min.css" type="text/css" media="all" />
    <link rel="stylesheet" href="buttons.css" type="text/css" media="all" />
    <link rel="stylesheet" href="fonts.css" type="text/css" media="all" />
    <link rel="stylesheet" href="isotope.css" type="text/css" media="all" />
    <link rel="stylesheet" href="grid.css" type="text/css" media="all" />
    <link rel="stylesheet" href="layout.css" type="text/css" media="all" />
    <link rel="stylesheet" href="shortcodes.css" type="text/css" media="all" />
    <link rel="stylesheet" href="variables.css" type="text/css" media="all" />
    </style>

    but then they do not load at all, esentially breaking our site.  Are you blocking the links somewhere?  The problem with @import is it will not start to load till the previous css is loaded.  This adds 2 seconds to the load time.  Links load simultaneously, increasing load time.  If we cannot use the links, can we use a script instead of the @import?
  • 2 Comments sorted by
  • Please sign in to see answear!
  • Hi,
    I am in the same situation. I just made some modifications in the theme files.

    Look for the mfn_styles function in brandon\functions\theme-head.php.
    After wp_enqueue_style( 'jquery-ui', ...); add these lines
    wp_enqueue_style( 'base', THEME_URI .'/css/base.css', false, '', 'all' );
    wp_enqueue_style( 'animate', THEME_URI .'/css/animate.min.css', false, '', 'all' );
    wp_enqueue_style( 'buttons', THEME_URI .'/css/buttons.css', false, '', 'all' );
    wp_enqueue_style( 'fonts', THEME_URI .'/css/fonts.css', false, '', 'all' );
    wp_enqueue_style( 'isotope', THEME_URI .'/css/isotope.css', false, '', 'all' );
    wp_enqueue_style( 'grid', THEME_URI .'/css/grid.css', false, '', 'all' );
    wp_enqueue_style( 'layout', THEME_URI .'/css/layout.css', false, '', 'all' );
    wp_enqueue_style( 'shortcodes', THEME_URI .'/css/shortcodes.css', false, '', 'all' );
    wp_enqueue_style( 'variables', THEME_URI .'/css/variables.css', false, '', 'all' );

    After, comment the @import ... lines in brandon\style.css.

    Done! Test the changes with gtmetrix.