You need a bottom value for position:absolute, i.e.bottom: 50%; and you don’t need the display: declarations.
See https://jsfiddle.net/q5xhcu3a/
Also, you should be using https://getbootstrap.com/ for grids and responsive images, as it is very easy to use.
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?
- How to change the color of an svg element?
- How to implement max-font-size?
- @Media min-width & max-width
- How do I center this form in css?
- Float a div above page content
- What does an asterisk (*) do in a CSS selector?
- height style property doesn’t work in div elements
- How can I horizontally align my divs?
- background-size: cover not working?
- combined multiple classes into one css rule
- 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
- CSS3 opacity gradient?
- use multiple css filters at the same time?
- 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 can I make my header image properly responsive?
- CSS fixed width in a span
- wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
- What is the correct way to enqueue multiple CSS files?
- Remove wp_add_inline_style
- Which Details Are Required For Style.css File Header?
- How to implement different color schemes in your themes
- @font-face doesn’t work
- How to target first img in every wordpress post with CSS [closed]
- How to change Parent Themes in Child Theme CSS
- Set Image width=’x%’ (percentage width not pixel width) when inserted via the media manager?
- Enable specific CSS Code for Visitors and specific Roles
- How to exclude certain code from style.css? [closed]
- WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
- Need Help Figuring Out Admin Menu Hover Styling Class
- How to decrease picture size
- Can’t remove WordPress post image height/width attributes?
- whats happening with my index page?
- Load in wp admin assets from child theme
- Enqueue styles in new site editor in WordPress 5.9
- Change via CSS the color of social menu icons
- style.css doesn’t load on the home page when front-page.php activated (using stock theme)
- @media in bluehost is being commented out [closed]
- Two column Dropdown for WordPress Toolbar
- Images loaded as background-image are shown but s aren’t
- Twenty Fifteen : Wider right column for the content
- css file status 403
- Adding Custom css file
- CSS styling of native (inbuilt) wordpress thumbnails [closed]
- Change CSS on a wordpress post
- Update wordpress causes white space on admin
- Trying to hide a button on a specific WordPress Page ID
- How to add animation the featured image?
- get_template_directory_uri() generates wrong path
- Responsive issue with secondary logo – not sticking in position [closed]
- How would one set or override a Fallback font for characters in second language?
- why has this element moved despite css being the same as other pages?
- First element/selector of enqueued CSS file breaks
- Test wrapping cutting words in half on my WP site [closed]
- Different background for different page
- WordPress aggressively caching CSS
- calling an additional css and js links for a custom page template
- Styling last item in ul [closed]
- How to change color of some items through css [closed]
- Remove custom css made by the custom theme
- Is there any way we can restore the “Additional CSS” after being erased?
- sidebar with hovering mouse effect
- Default paragraph block styles just for pages NOT for posts?
- Custom CSS in Widget editor (Gutenberg) gets stripped out
- Custom Gutenberg color classes naming convention
- child-theme style not changing on localhost
- My sites mobile view design is different when not logged in – how do I ensure it’s all the same?
- Gutenberg CSS Issue
- Two CSS files loading extremely slow
- When changing theme’s font, why does font-size attribute not work? [duplicate]
- How to remove the Welcome watermark on this page? [closed]
- About copy and paste content and formatting
- How to display a background image in a page body area? [closed]
- Vertical aligning CSS pushes column to left [closed]
- checkbox function not working for dropdown menu
- How to change hover color on bulk-action-selector-top and bottom on wordpress admin?
- Bootsrtap.css overlap style.css in custom wordpress theme
- Exclude parts of default css import
- Replacing parent theme’s IE-specific CSS
- image background is cut [closed]
- Having Trouble Styling a Table in a WordPress Post
- Bootstrap 4 Optimization
- Changing from primary to a custom menu changes my CSS navigation layout
- Woocommerce align prices and texts [closed]
- Rollover button doesn’t appear in sidebar [closed]
- how to include other jquery file and css file in wordpress plugins
- Hide certain div/ class only at front page
- How to remove post view count
- plugin not loading my css and js
- “Plate” theme broken after update
- adding additional css classes have no effect within block editor
- Style priority in theme.json
- Twenty Twenty Four Theme – Image and text same height?
- How to force Gutenberg to follow all custom CSS styling in preview?
- Not sure why inspecting element on windows is different that what im seeing on mobile?