I’m assuming that #colophon is the element id of your footer wrapper? It’s kind of an odd name for a footer wrapper, but if that is what it is then ok.
position: absolute; is with respect to the containing element, not the viewport.
As a quick fix try adding this to your css:
html, body {
height: 100%;
}
If that doesn’t work then there are ancestral elements in the footer’s chain that are not at height 100%. Would need to have the page in a DOM inspector (e.g. FireBug) to really see what’s going on…
Related Posts:
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- Do I actually need to link my theme’s style.css in the theme files
- CSS classes for theme
- Are the WordPress Core CSS styles really all nessesary?
- Why I can’t add a CSS style in this WordPress theme?
- How to make a theme with more than one CSS file?
- Editing the custom background CSS
- CSS in child theme not overriding the parent theme [closed]
- How to highlight the current page in the nav menu?
- How can a Theme Contain no Header File or Footer File?
- Sub folder CSS that’s read by Admin panel
- Where is definied the theme location for the main menu in a WordPress template?
- Dequeue a style file which is making website load slow!
- Theme Loading Into Dashboard
- How to edit my theme for full width?
- Which html elements should be styled in wordpress theme
- Edit footer via customizer
- Font Awesome 5 Free – far working but fas is not? [closed]
- What is the meaning of WordPress’s recommended css classes and where are they applied?
- How to change footer or for different kinds of users in wordpress?
- Theming Using Bootstrap Glyphicons and WordPress Dashicons
- Having issue with WordPress wp_enqueue_style
- How can I wrap all blog posts image with
- theme style is applied on the dhasboard rather than the website
- LESS not working in WordPress [closed]
- A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
- Why I obtain different visualization when I run the website on my local machine and on remote server?
- Some doubts about WordPress handle the horizontal main menu visualization
- Can’t change theme name
- How to use the _S framework
- Is there a list of default generated Gutenberg block CSS? Unable to align video blocks
- Why nav_menu_css_class doesn’t work with apply_filters?
- How can I fix my theme header for my CSS stylesheet?
- How to generate a rtl.css file for themes?
- Why the slideshow is not shown in my theme?
- adding navigation to genesis themes
- Custom link color or stylesheets
- How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
- What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript? [closed]
- How to define and link full path to css located at a random folder on header.php
- Sizing screenshot.png without losing aspect ratio
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- theme path in javascript file
- get_template_part vs action hooks in themes
- Solutions for generating dynamic javascript / CSS
- The the_post_thumbnail without srcset?
- The proper way to include/require PHP files in WordPress
- after_setup_theme always runs
- Using classes instead of global functions in functions.php
- WordPress API Menu/Submenu Order
- Enqueue a stylesheet for login page and make it appear in head element
- How to insert a logo in the header?
- How to move page template files like page-{slug}.php to a sub-directory?
- Add custom classes to anchor in wp_nav_menu
- How to remove search bar from a wordpress theme? [closed]
- Should `get_template_directory_uri()` be escaped?
- Get url of thumbnail from the media uploader
- My child theme doesn’t work Error: “The parent theme is missing. Please install your parent theme”
- Generating CSS Files Dynamically Using PHP Scripts?
- Auto get_header and get_footer on every template?
- Enqueue Stylesheets After Theme’s “rtl.css”
- How To Add New Option Types To Option Tree?
- WP 3.4 – what action/hook is called when theme customisation is saved?
- What WP folder can I use to write files to?
- Add a dropdown to theme customizer
- Understanding wp_add_inline_style
- Should I use set_transient or update_option?
- Why doesn’t default WordPress page view use force_balance_tags?
- Page template in two level deep folder
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- Hide a div that is part of all pages on one specific page
- Theme Customizer : how to create multiple-level panel
- Theme file for all pages that are a child of a specific page
- Allow Shortcode in Theme Customizer
- Where to post/upload the new theme for WordPress theme repository
- Setting multiple default background images?
- Template for individual post designs
- Can’t get staging site to display same way as live site. Completely stumped
- Is it good to rename theme folder downloaded from WordPress.org?
- Best practice way to implement custom sections into a WordPress theme
- What is the problem if I use CDN in my WordPress parent theme(built using bootstrap)?
- register_sidebar ignores ‘id’ and ‘class’
- What, specifically, should be included in theme_name_setup()?
- How to get gallery images?
- Is it possible to use line break in theme description?
- Is the theme customizer slowing down my site?
- How can I get wp_head() as a string instead of echoing it?
- Display a different theme for not logged-in users
- Best practice (forward compatibility) for theme options
- How to edit an existing WordPress theme? [closed]
- Automatic Updates For Private And Commercial Themes?
- Add colors to existing color palette without replacing it
- Child Theme not loading parent CSS
- What can I hook into after_setup_theme?
- Where do I find the functions triggered within a hook?
- What does “Do not deregister the jquery script in the administration area” mean?
- What is the best book to learn how to make themes for wordpress?