The code you have is a white with low opacity.
If something white with a low opacity is above something black, you end up with a lighter shade of gray. Above red? Lighter red, etc. That is how opacity works.
Here is a simple demo.
If you want it to look ‘more white’, make it less opaque:
background:rgba(255,255,255, 0.9);
Related Posts:
- Making a
- What’s the difference between display:inline-flex and display:flex?
- Changing spacing between paragraphs and inside of paragraphs
- How to vertically align an image inside a div
- Nesting CSS classes
- How to float 3 divs side by side using CSS?
- Better way to set distance between flexbox items
- How to apply a CSS filter to a background image
- How to override !important?
- Set space between divs
- CSS center display inline block?
- Define an
‘s src attribute in CSS [duplicate]
- Responsive background image in bootstrap container
- Why Css text-transform capitalize not working?
- Prevent body scrolling but allow overlay scrolling
- Bootstrap change carousel height
- What is the proper way to display a logo with CSS?
- CSS/HTML: Create a glowing border around an Input Field
- What is the difference between Normalize.css and Reset CSS?
- CSS force image resize and keep aspect ratio
- Removing whitespace between HTML elements when using line breaks
- Why are my divs overlapping?
- Child themes CSS priority problems without using !important
- Cache busting CSS files other than style.css
- How do I add a search bar to my header?
- Sanitize User Entered CSS
- How can I test how fast or slow my wordpress website it?
- Stylesheet switching and caching
- How to Edit the Order of Global Colors in Elementor? [closed]
- plugin css is not being applied to the page?
- WordPress & W3C CSS Validation
- CSS in child theme not getting loaded
- How to highlight all current categories when viewing a single post?
- Changing Font-Size based on specific Font thru javascript
- Duplicate attribute class causing site validation error
- Assets in css dont link properly in pages other than home
- Do I have to use a WordPress specific CSS reset, or is a normal, Eric Meyer style CSS reset fine?
- Relative file paths in CSS when linking directly (not enqueuing)
- How/where to add additional stylesheet to WP
- How the Css File is Linked without calling it in header.php?
- Is there a filter for editor-style.css file?
- Custom CSS class or ID on menu items that have a Submenu
- Show enqueued CSS and Script in custom header
- How to insert html/css/javascript code to wordpress plugin
- Save changes in CSS after removing Menu from specific page
- Pure CSS to “float” to the right the number of children of an admin_bar child node
- WordPress adding inline style can’t remove it
- Trying to figure out why my child theme is trying to access a file that doesn’t exist
- How to edit the default icon of Add Media button?
- Advanced: understanding wp_add_inline_style function
- Hide Image On WordPress On Single Page [closed]
- Faster fonts on mobile
- Ordering stylesheet above using functions.php
- How to change “““ to “““?
- How to remove parent style.css from the header
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- Acessing HTML element with no specific tag on it [closed]
- Show class from css in format dropdown
- Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- CSS is not loaded on mobile devices
- How to add/insert a class to a sidebar in single.php?
- Creating a second menu on Twenty Eleven aligned right from the first
- Customizing WP-syntax to get custom colors
- Sidebar missing from Homepage
- I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
- 2 css files? Theme css file gets override by another css file that I can not edit
- How to insert the current user’s role into the body class in the admin backend
- 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]
- Unused CSS in WordPress Plugins
- I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
- How to change specific menu tab from left to right in My Home Theme?
- Admin bar default color scheme for nonregistered/nonlogged users
- Lines of CSS only being delivered while logged in
- How to display javascript banner in website header?
- How to Take Logo Out of Navigation Menu? [closed]
- Make different border color gallery items
- How remove the white space between my menu and slider?
- Customizer: CSS changes not persistent
- Move both sidebars more to their sides [closed]
- Style Switching
- Which hook to use to add notification message at beginning of my
- Theme looks ugly – FOUC – stylesheets loaded in footer
- custom css in admin panel by user id
- Site layout problems when logged in due to admin bar
- Add “sub-nav” class to a sub menu parent item
- Current Post/Page Ancestor, CSS
- How to target only one element if more elements share the same CSS class
- Can’t override CSS with child theme
- Custom css code in wordpress [closed]
- Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
- remove white overlay [closed]
- Why doesn’t media(max-width) work on h2 title?
- How to use WordPress 3.8 back-end CSS in front-end?
- can i custom rendered content from API?
- How to include Elementor CSS in custom php file [closed]
- How to add CSS to WordPress
- How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
- Wrap post titles containing slashes on narrow viewports