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( 'wp_body_open', 'example_body_open' );
The benefit here is you get better syntax highlighting and do not need to escape double-quotes. Note this particular hook will only work with themes implementing wp_body_open
hook.
Related Posts:
- Reference multiple style sheets, clearing styles for permalink page, custom fields for css
- How to load scripts/styles specific for a page
- How do I create a new WP admin color scheme?
- Logout/login redirect CSS issue
- Show/hide Widgets in Dashboard Based on Current Advanced Custom Fields Option
- Add attribute to link tag that’s generated through wp_register_style?
- TinyMCE custom stylesheets for different post types
- Remove “says” from comments
- How to add CSS style sheet dynamically in wordpress
- Simple/basic use of get_current_screen
- Is it possible to be more page/post specific with admin_enqueue_script?
- Child Theme Not Overriding Parent Theme
- CSS stylesheet not loading
- Enqueue styles after a plugin
- How to add background image control to page admin controls?
- Programmatically add Yoast meta description after post save
- Compare meta key to current date in pre get post
- How to insert class in each list of categories?
- Parent theme styles overriding child theme CSS [closed]
- I can’t add CSS with functions.php
- Theme JS is available but theme CSS isn’t
- Proper Way to Load stylesheet on Condition
- This code works, but the way I integrated it is breaking the media uploader. How can I integrate it properly?
- Default Nav Highlight
- Problem with adding custom CSS class to image in ACF Photo Gallery plugin [closed]
- Custom styles in Tiny MCE with an external CSS file
- why can’t i add front.css to my frontpage.php
- get_template_directory_uri() links to child theme not parent
- Using two loops in one WordPress template
- remove/hide wp-editor
- Getting out side of wp root folder from function.php using absolute path
- Insert a field with PREG_REPLACE – strange behaviour
- Page Template Won’t Load Correct CSS File
- current_page_item is missing inside wp_nav_menu
- Perform function on publish AND save (not just save)
- define css class in functions.php
- Display ACF category image on archive and single template files
- Featured Image and Tags problem
- Completely Disable WordPress RSS Feeds
- Override a Post’s URL with Advanced Custom Fields Function
- WordPress Function Assistance with Loop
- How to show ACF value under post/page title in wp-admin
- How to display an image before title text in menu items
- Advanced method to control cache of enqueued style/script
- Filter works on last selection but no others
- Combine page types and Custom Taxonomy in a functions.php command
- Can’t load assets
- How to update an image attachment’s alt text from a custom field when saving a post?
- How to reference different css (bootstrap) stylesheets for the header and body of a page?
- Can we have conditional CSS styling?
- CSS style and app.js not loading
- Help with with my function for wordpress
- Post content overflows on my mobile phone
- Stylesheet does not load despite functions.php
- Remove clickable Link of WordPress Site Logo from Woocommerce Single Product page
- How do I make a custom “Read More Blogs” button for my blog page
- function class doesnt work
- Help using ShortCodes to style whole chunks of the post
- ACF Date Form in Custom Admin Field
- Assign IDs to headings in ACF using functions.php
- Setting Up Child Theme To Take Priority
- how to remove a tag in the_category function
- PHP/CSS: Shortcode won’t display correctly, and only displays in the head (before content)
- CSS disabled after getting rid of emoji
- How to add styles in existing function?
- get_field() with ID in one signal filter not working
- Woocommerce – Switching Price for Category
- Adding a class to the body of an inactive site using multisite
- Echo a String Based On Geolocation? [Woocommerce || ACF]
- Conditionally apply css for a specific template part
- How do I dequeue a Stylesheet, stored in an ‘Assets’ folder?
- Comment function for page
- ACF Filter return value
- Child Theme not loading multiple stylesheets
- Correct way of Enqueue self hosted fonts in sass project
- Help with is_page() and calling css for specific pages in a Child Theme
- Child theme style.css didn’t work properly but the Customize Additional CSS did [closed]
- How to automatically add custom classes to headings in content area
- Return ACF Field value function
- Providing fallback function and allow override by plugin
- Different body image backgrounds on different pages, posts and categories
- update_post_meta not working in function
- Changing the color of post title [closed]
- Preventing PHP Execution in Parent Theme
- Random text changing to weird icons in both admin & front end
- Functions.php in child theme that loads CSS file breaks website
- Syling Custom Fields echo’s from from functions.php
- functions.php / replacing div’s with new ones?
- does acf_save_post cause endless loop?
- Should I use `get_stylesheet_uri()` or `get_template_directory_uri()` when calling my CSS Stylesheet?
- How can I append and prepend something to all post hyperlinks without using ::before or ::after? PHP hook solution?
- Call ACF data from functions.php [closed]
- Image width issue in IE [closed]
- How do I make my child theme’s CSS update when I save it?
- Why don’t ‘wp_nav_menu’ CSS classes work until a menu is created?
- wp_head not injecting css
- Update post meta with wp cron
- warning: trying to access array offset on value of type bool ACF field image group
- Uploading images via ACF update_field function
- Add custom css to specific user