You could filter body_class
and add a time depending class:
add_filter( 'body_class', 'time_body_classes' );
function time_body_classes( $classes )
{
$classes[] = 'time-' . date( 'a' ); // time-am or time-pm
$classes[] = 'time-' . date( 'H' ); // time-02 or time-17
return $classes;
}
Then you can make the CSS selector more specific:
.time-am iframe {
}
.time-02 iframe,
.time-03 iframe,
.time-04 iframe,
.time-05 iframe
{
}
Be aware the body classes will not change if you use a caching plugin.
Related Posts:
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- How to get these two divs side-by-side?
- What is the difference between the selectors “.class.class” and “.class .class”?
- Is background-color:none valid CSS?
- Float a div above page content
- Text not wrapping inside a div element
- How to make padding:auto work in CSS?
- How to vertically center inside the parent element with CSS?
- How can I horizontally align my divs?
- background-size: cover not working?
- CSS not working in Chrome
- Pure CSS to make font-size responsive based on dynamic amount of characters
- CSS – display: none; not working
- Is there an opposite to display:none?
- Rainbow gradient on text in CSS
- font-weight is not working properly?
- What would be the best method to code heading/title for ul or ol, Like we have caption in table?
- How to enqueue style before style.css
- wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
- What is the correct way to enqueue multiple CSS files?
- Which Details Are Required For Style.css File Header?
- How to implement different color schemes in your themes
- @font-face doesn’t work
- wp_enqueue_script + how to load JS or CSS in one URL merge call?
- How to target first img in every wordpress post with CSS [closed]
- How to change Parent Themes in Child Theme CSS
- hSite has no css on mobile [closed]
- Set Image width=’x%’ (percentage width not pixel width) when inserted via the media manager?
- How to set different font family based on text language?
- Relative path in wp_register_style not working
- Enable specific CSS Code for Visitors and specific Roles
- WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
- How to decrease picture size
- How to Add Custom CSS Buttons to WordPress as a Shortcode?
- Can’t remove WordPress post image height/width attributes?
- How do you customize the admin bar for buddypress?
- Load in wp admin assets from child theme
- Enqueue styles in new site editor in WordPress 5.9
- style.css doesn’t load on the home page when front-page.php activated (using stock theme)
- Two column Dropdown for WordPress Toolbar
- Title has word broken when viewed in mobile [closed]
- Change background color of subpages
- How to edit the default icon of Add Media button?
- How to fix this error? [closed]
- Faster fonts on mobile
- Reduce white space in twenty fourteen
- How to make WordPress using local CSS/Fonts/Scripts only
- How to know which order WordPress places CSS files?
- Placing background image over section divider
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- WordPress CSS problems with controls
- Remove CSS & JS from
- Show class from css in format dropdown
- All of my custom Bootstrap styles are not working in my child theme!
- Aligning line made with CSS [closed]
- Earlier stylesheet not overriding later one
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- Overwriting forced wordpress CSS styles [closed]
- How to add/insert a class to a sidebar in single.php?
- Fixed height of the_content()
- Customizing WP-syntax to get custom colors
- Sidebar missing from Homepage
- W3TotalCache and Javascript — what should go where, when?
- CSS not being applied
- Help with a little CSS logo/header modification?
- 2 css files? Theme css file gets override by another css file that I can not edit
- WordPress sidebar content moving to bottom of page
- custom template display 3 columns
- underscores theme – sass folder structure vs smacss
- Need to make sidebar responsive only when screen width is greater than 1024px
- Does anyone know how to make text fade in when scrolling down, that doesn’t require any plug-ins? [duplicate]
- Inclution place of CSS file
- Blog page and the Home page showing the same content
- Img load while refreshing
- WP Admin Bar transparent on some pages (.screen-reader-shortcut)
- How to Compress Css/js code in wordpress and increase loading speed?
- How to Take Logo Out of Navigation Menu? [closed]
- @media applying globally and not separately for each screen width [closed]
- Make different border color gallery items
- How remove the white space between my menu and slider?
- WordPress site using unknown overriding css
- Is there any way to turn off a particular scrolling behaviour?
- Sidebar at bottom however I have completely replaced theme folder back to original code
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Scale An Image Thumbnail
- Style Switching
- Adding a css style to the main nav menu in child pages
- Adding custom css to a theme depending on whether the admin user is logged in or not
- Adjusting post width according to the image size
- Converting Static HTML pages to WordPress
- Background tiles not working in iPad2 but ok everywhere else
- To override CSS of parent theme
- How to customize a theme’s navigation menu with css
- Can’t override CSS with child theme
- [class*=”content”]:before css styles in TwentyThirteen [closed]
- How to change the CSS in one file?
- Enqueue MCE Editor CSS in admin page
- Remove / Disable default custom.css?ver=1.0.0
- How to remove class=”wp-block-heading” from Heading tags?
- Website is not showing updated CSS