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
- Logout/login redirect CSS issue
- Show/hide Widgets in Dashboard Based on Current Advanced Custom Fields Option
- 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?
- CSS stylesheet not loading
- Enqueue styles after a plugin
- How to add background image control to page admin controls?
- How to use max and min values of custom fields
- Add class or ID to any WordPress function
- Register and enqueue style.css custom theme
- Multiple CSS body classes to specific page I.D.’s – is this possible?
- Enqueue Style Only On Certain Pages Not Working
- Why does the ‘wp_nav_menu’ function work only until a menu is created?
- Retrieve tags data in post body
- Run function when WordPress new multisite is created or ACF field is updated
- Having issues with a foreach inside of a shortcode with ACF gallery
- Child Theme files – what is needed?
- How do I add Bootstrap and LESS to my migrated WordPress site?
- How to Display Frontend CSS for Administrator only
- Get Current Post ID in functions php, meta query filter
- change the url paths in the stylesheet dynamically
- Please Explain the Importing Process of Multiple Stylesheets for Child Themes
- Change CSS for logged in users
- Redirect to another page using contact form 7? [closed]
- ACF not showing
- different style sheet for just one page template
- Custom styles.css sheet for visual editor
- How to retrieve the values of a sub-field in the first and last row of an (ACF) repeater inside function?
- Is my code correct to enqueue CSS on a specific page?
- Not all CSS elements transferring via parent to child?
- Split Media Queries in different files!
- Some questions about how proper add 2 CSS file in a WordPress theme?
- Access category within rss2_head hook?
- Can set_post_thumbnail be used to remove a thumbnail?
- 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?
- 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
- remove/hide wp-editor
- Insert a field with PREG_REPLACE – strange behaviour
- Page Template Won’t Load Correct CSS File
- Perform function on publish AND save (not just save)
- define css class in functions.php
- Completely Disable WordPress RSS Feeds
- Override a Post’s URL with Advanced Custom Fields Function
- How to show ACF value under post/page title in wp-admin
- How to display an image before title text in menu items
- 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 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
- 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
- how to remove a tag in the_category function
- PHP/CSS: Shortcode won’t display correctly, and only displays in the head (before content)
- 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
- Conditionally apply css for a specific template part
- Comment function for page
- ACF Filter return value
- Child Theme not loading multiple stylesheets
- Correct way of Enqueue self hosted fonts in sass project
- 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
- Changing the color of post title [closed]
- Random text changing to weird icons in both admin & front end
- Functions.php in child theme that loads CSS file breaks website
- functions.php / replacing div’s with new ones?
- 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?
- Update post meta with wp cron
- Uploading images via ACF update_field function
- Add custom css to specific user