Home>Support>How do I control precedence of CSS generated by the new CSS Editor plugin?

How do I control precedence of CSS generated by the new CSS Editor plugin?

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Please reference my earlier post for background info: https://siteorigin.com/thread/custom-css-functions-show-up-twice-under-appearance-menu-when-using-vantage-premium-theme-and-css-editor-plugin/

In my Vantage Premium output, the stylesheets in the are in this order (code edited for brevity):

<head>
--snip html--
    <style type="text/css">img.wp-smiley, img.emoji {...}</style>
    
    <link rel='stylesheet' href='//wp-content/themes/vantage/style.css' type='text/css' />
    <link rel='stylesheet' href='//wp-content/themes/vantage/fontawesome/css/font-awesome.css' type='text/css' />
    <link rel='stylesheet' href='//wp-content/themes/vantage/premium/extras/mobilenav/css/mobilenav.css' type='text/css' />
    <link rel='stylesheet' href='//wp-content/themes/vantage/premium/style.css' type='text/css' />
    
    <link rel='stylesheet' href='//wp-content/plugins/jetpack/_inc/genericons/genericons/genericons.css' type='text/css' />
    <link rel='stylesheet' href='//wp-content/plugins/jetpack/css/jetpack.css' type='text/css' />
--snip html--


    <style id='vantage-custom-css' class='siteorigin-custom-css' type='text/css'>
        /* Custom CSS goes here... */
    </style>


--snip html--
    <style type="text/css">.so-mobilenav-mobile + * {...}</style>
    <style type="text/css">.broken_link, a.broken_link {...}</style>
--snip html--
    <style type="text/css" media="screen">#footer-widgets .widget {...}</style>


    <style id='vantage-custom-css' class='siteorigin-custom-css' type='text/css'>
        /* ...and the custom CSS also goes here */
    </style>


    <style type="text/css" id="customizer-css">@import url(...); ...</style>
</head>

As you can see, the customizer CSS overrides the hand-coded CSS (which, again, appears twice). How can I make the hand-coded CSS appear last so it takes precedence?

URL: http://missoriginality.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Scott

    The next update, due after the weekend will address this issue and output the custom CSS later in the process.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More