welcome to this forum. 🙂 I’m not an expert, BUT I did do something similar by following the instructions and tutorials I found at these links below, hopefully these will help guide you. In a nutshell, you have to go beyond just enabling the stylesheet in the editor, you have actually add a stylesheet specifically … Read more
Using wp_deregister_style( ‘login’ ) to remove the login styles will still result in a 404’d request for the login CSS file. However, if you re-register the login style after deregistering it you can prevent the unwanted request. add_action( ‘login_init’, function() { wp_deregister_style( ‘login’ ); wp_register_style( ‘login’ ); } ); This will leave you with a … Read more
widget() method is called when widget is rendered, so the style you’re enqueuing are printed in the footer (header is already printed at that time). Even if majority of browser can render styles linked from page body, that’s invalid HTML because, according to HTML standards, unlike scrypts, styles must be placed in page <head>. (Try … Read more
You are using plugins_url – therefore pointing to completly different directory than your current theme. If you are just trying to enqueue a theme style do it like this: function load_theme_styles() { wp_enqueue_style(‘main-css’, get_template_directory_uri() . ‘/style.css’, array(), ‘1.0’, ‘all’); } add_action(‘wp_enqueue_scripts’, ‘load_theme_styles’); the wp_enqueue_style takes some parameters. In the example above I am using: A … Read more
Yes and no. You can load a raw CSS string into the header programatically, but you can’t use wp_enqueue_style() to enqueue it. That function specifically loads files into the header in <link> tags. But what you can do is something like this: function print_inline_script() { ?> <style type=”text/css”> /* … styles go here … */ … Read more
I think you could get around this by pre-running the shortcodes on the page by applying the content filters before the header is output. This should allow any internal shortcodes run inside the included post to add any action hooks properly and thus any needed stylesheets/resources. add_action(‘wp_loaded’,’maybe_prerun_shortcodes’); function maybe_prerun_shortcodes() { if (is_page()) { global $post; … Read more
Remove styles added with wp_add_inline_style() If we want to keep the custom-style-css but only remove the custom-style-inline-css, then we can try e.g. add_action( ‘wp_print_styles’, function() { // Remove previous inline style wp_styles()->add_data( ‘custom-style’, ‘after’, ” ); } ); where after is data key for the inline style corresponding to the custom-style handler. There is exists … Read more
The easiest way I’ve seen is to echo it where you need it: function inline_css() { echo “<style>html{background-color:#001337}</style>”; } add_action( ‘wp_head’, ‘inline_css’, 0 ); Since 2019 you can also add styles inline inside the body, shown here without using echo: function example_body_open () { ?> <style> html { background-color: #B4D455; } </style> <?php } add_action( … Read more
I want to change the default HTML code structure so that I can insert additional tags Run a filter on img_caption_shortcode, you can find that hook in the source here. http://core.trac.wordpress.org/browser/tags/3.0.1/wp-includes/media.php#L720 Example add_filter( ‘img_caption_shortcode’, ‘my_caption_html’, 10, 3 ); function my_caption_html( $current_html, $attr, $content ) { extract(shortcode_atts(array( ‘id’ => ”, ‘align’ => ‘alignnone’, ‘width’ => ”, … Read more
You can remove specific styles and java scripts for specific page template like below. Add the code into the functions.php file of your current theme. To see the list of all JS and CSS you may want to use a plugin like this: https://wordpress.org/plugins/debug-bar-list-dependencies/ /** * Remove specific java scripts. */ function se_remove_script() { if … Read more