StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POWordpress: How to override all default theme CSS so your custom one is loaded the last?
text
Body
copied!<p>I have a problem where I've been able to include a custom css in the section of my wordpress theme with the following code:</p> <pre><code>function load_my_style_wp_enqueue_scripts() { wp_register_style('my_styles_css', includes_url("/css/my_styles.css")); wp_enqueue_style('my_styles_css'); } add_action('wp_enqueue_scripts','load_my_style_wp_enqueue_scripts'); </code></pre> <p>But the order in the source code is as follows:</p> <pre><code><link rel='stylesheet' id='my_styles_css-css' href='http://...folderA.../my_styles.css?ver=3.1' type='text/css' media='all' /> <link rel="stylesheet" id="default-css" href="http://...folderB.../default.css" type="text/css" media="screen,projection" /> <link rel="stylesheet" id="user-css" href="http://...folderC.../user.css" type="text/css" media="screen,projection" /> </code></pre> <p>I want my_styles_css to be the last file to load, overriding default and user files. I've tried to achieve this by modifying wp_enqueue_style in different ways, but without any success. I've tried:</p> <pre><code>wp_enqueue_style('my_styles_css', array('default','user')); </code></pre> <p>or</p> <pre><code>wp_enqueue_style('my_styles_css', false, array('default','user'), '1.0', 'all'); </code></pre> <p>I've seen some related questions without answer or with these last 2 methods that are still failing for me.</p> <p>The function above is part of a plugin that I've got enabled in my wordpress installation.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload