Looking at your code, I don’t see anything obviously wrong, but using Safari’s inspector, it becomes clear that the footer DIV is not invoking the #footer CSS rule. Not clear why.
If the header div and footer div have the same styling, you can simplify your code by using one set of styles: #header, #footer {…}. Less to go wrong.
Related Posts:
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- force footer on bottom on pages with little content
- Flushing footer to bottom of the page, twitter bootstrap
- Child themes CSS priority problems without using !important
- How do I remove specific styles from the parent theme css using the child theme css?
- Do I only need to import style.css for a child theme?
- How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
- Disable child theme css on certain pages
- some things in child theme css not overriding parent
- Why do WordPress default themes specify fonts in so many places?
- CSS in child theme not getting loaded
- TwentyTwelve versioning
- How to change Parent Themes in Child Theme CSS
- Duplicate and alter sidebar for Twenty Eleven
- How can I remove css from a child theme?
- Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
- Font Awesome wp_enqueue_style
- Different ways to load child theme css
- WordPress Twenty Fourteen Theme Sidebar
- Importing changes to Child Theme
- Load in wp admin assets from child theme
- Help with child theme enqueuing additional css files
- How to integrate my HTML and javascript into my child theme
- footer disappear on some pages frequently
- why this media query is not working / not loading when I put it in child theme?
- Trying to figure out why my child theme is trying to access a file that doesn’t exist
- Load CSS in footer, like your can with JS?
- Child theme CSS not applying to element
- Correct Way To Make Changes To A WordPress Theme
- Child theme stylesheet not always overriding “index”
- Why is this jquery / java script code not working in mobile / in devices?
- Child Theme CSS not showing at all
- Why is my child theme style.css not found (404) in the front-end? [closed]
- How to sync the style in the visual editor with the style of a child theme?
- Remove CSS Attribute by Overriding CSS in Child Theme
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- child theme appears again when I put the header with parent name.
- All of my custom Bootstrap styles are not working in my child theme!
- Earlier stylesheet not overriding later one
- Free theme and css/bootstrap.css is not overridden in the child theme
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
- Css will not display in webpage, after adding it in style.css in child theme
- WordPress footer always at the bottom of the screen-page
- How to enqueue stylesheets in child-theme functions.php?
- Dequeing Parent Fontawesome Deques Parent Styles
- WordPress childtheme not loading any CSS/SCSS
- Need help removing block of white space between footer widgets and footer [closed]
- My Child Theme CSS Isn’t Working
- all of a sudden my child theme style.css is being ignored? Its been working fine for months?
- Change WP Child theme CSS for WP Bootstrap Starter Theme
- Font size decreases when child theme is created from parent theme?
- Change style of Twenty Seventeen child theme
- CSS in child theme to replace !important in parent theme
- Why are my parent styles loading after my child styles?
- Browser stacks different versions of style.css
- Can’t override CSS with child theme
- Footer in middle of page in different browers [closed]
- Add Custom CSS Class in Child Theme [closed]
- How am I supposed to use index.html?
- Changing spacing between paragraphs and inside of paragraphs
- How to float 3 divs side by side using CSS?
- How can I transition height: 0; to height: auto; using CSS?
- How to apply a CSS filter to a background image
- hide div tag on mobile view only?
- Set space between divs
- Why Css text-transform capitalize not working?
- Removing whitespace between HTML elements when using line breaks
- Attributing a version number to a child theme’s main stylesheet
- Cache busting CSS files other than style.css
- How do I add a search bar to my header?
- Stylesheet switching and caching
- Check and dequeue if multiple stylesheets exists using wp_style_is?
- plugin css is not being applied to the page?
- WordPress & W3C CSS Validation
- Duplicate attribute class causing site validation error
- How/where to add additional stylesheet to WP
- How the Css File is Linked without calling it in header.php?
- Show enqueued CSS and Script in custom header
- Save changes in CSS after removing Menu from specific page
- Advanced: understanding wp_add_inline_style function
- WordPress code editor messed up my code!
- How to change “““ to “““?
- enqueing Javascript and CSS
- Acessing HTML element with no specific tag on it [closed]
- Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
- How can I add inline CSS for each image?
- Creating a second menu on Twenty Eleven aligned right from the first
- Unused CSS in WordPress Plugins
- How to locate parent theme functions and add functions to my wordpress child theme?
- Twenty Fourteen: Unsticky header after making header bigger
- Child Theme not loading multiple stylesheets
- How to display javascript banner in website header?
- Loading css files conditionally useful?
- Site not 100% responsive
- Dropdown menu’s fighting with each other [closed]
- Customizer: CSS changes not persistent
- Which hook to use to add notification message at beginning of my
- single.php doesn’t getting style
- How do I hide a specific div class inside ? [closed]