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]
- CSS not updating in browser when I change it
- get_template_part vs action hooks in themes
- How to remove search bar from a wordpress theme? [closed]
- Get url of thumbnail from the media uploader
- Should I use set_transient or update_option?
- Best practice way to implement custom sections into a WordPress theme
- Add a preview to a WordPress Control Panel
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- Front End Post Submit Form
- How do I remove RSS feeds from themes?
- How to add (css) classes to only one wp_nav_menu()?
- Advantages of using instead of wp_enqueue_style()?
- Style.css redirects to 404 Page not found
- Displaying wp menus by name without using theme locations
- Adding dashicon fonts to the admin of pre 3.8 installs
- How to add dynamic inline style?
- Optimal solution to develop a wordpress theme?
- How to add suggest plugin to theme?
- Prevent update check for specific theme
- De-registering parent style sheet css recommended?
- Do I really need the div class entry?
- How to start learning CSS and theme development?
- Why wp_head() function not loading style.css?
- Set multiple templates per post
- How can I display/hide certain content based on a Theme Option field?
- create-guten-block in wordpress theme?
- How can I make that when I clic on one of the menu items, that page shows only posts with the same category?
- How to add “Template” option in page attributes panel?
- How to check if a WordPress core block is active in sidebar
- Folder name for a pro version of a WordPress.org theme?
- Following Web Performance Optimization techniques to output static and dynamic css
- Echo all category names, apart from one
- Internal Stylesheet in WordPress Theme development
- Customizer – loading settings/controls/sections/panels based on a id/page id
- Does code in function.php differ from theme to theme
- Theme not showing up
- Change image size depending on page
- Why still output /wp-content/themes/twentynineteen?
- How to remove permalinks links presents in each page of my site?
- Is there a way to serve different resolution images to different devices?
- How to make a function occurs for one time?
- How do I restructure the comment HTML layout?
- How to create a robust and logic class naming system in WordPress theme developing?
- how to change footer content for certain pages only
- how to ensure responsiveness in wp themes? [closed]
- Is there a way to create sections under “Colors” panel in the Theme Customizer?
- WordPress Custom font not found
- WordPress Blog Page displaying nothing
- Magnific Popup – Add Caption to Images
- Why do WordPress developers use so many opening and closing PHP tags when developing themes? [duplicate]
- Safe way to echo wp_trim_words
- editor style css and page template with and without sidebar
- How can I demonstrate themes well?
- How to update my own theme?
- WordPress custom jquery not found
- How to remove proudly created by WordPress in theme?
- Roll my own theme or customize an existing one [closed]
- How to make a multilingual wordpress site to be translated one-to-one without much effort and without using translate?
- My wordpress site memory exhausted more than 1GB trying to debug with default
- Image and font support missing in editor when deploying theme remotely