Remove Space Between Header and First Block
I am making a online booking website with WooCommerce Booking and the Storefront Theme.
On my home page I made a banner with an image and a button as seen in the image below.
However, I have not been able to get rid of that white space.
I have added the following code in the custom CCS section of wordpress to remove the title
Any idea how I can remove the space? I want the banner and the header to be touching
My code:
.page .entry-title {
display: none;
}
Here is the link to the website: https://idm.beb.mybluehost.me/
Solution
If you mean the white space above the banner. Decrease the margin-bottom of this classes
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
margin-bottom: 4.235801032em;
}
This is how it looks after that.
- Trying to make a clickable navigation bar which can be clicked to close
- How to use background with linear gradient in Tailwind css
- Anchor links to start below the header which is fixed at the top
- Keep footer at bottom of page when page height dynamically changes using CSS
- What does the media="" attribute in the stylesheet HTML definition refer to?
- HTML CSS Fit image in fixed size
- Angular viewChild native scrollable CSS window layout quirks
- Detecting if an <option> has been selected in <select> using CSS
- Applying border-radius to bootstrap 5 table
- How to increase space between dotted border dots
- use multiple css filters at the same time?
- How exactly does link rel="preload" work?
- Difficulty implementing accordion effect in Angular project
- How to center Font Awesome icons horizontally?
- How to set div's height in css and html
- How to forward scrollbar from to column in css grid
- What's wrong with this ternary operator?
- How can i replicate this corner-border-radius trick to an image in my project
- Not able to display material ui snackbar in center
- different grid area while using grid-template-column
- Why does z-index not work?
- How do I make the background image start at the top of the page and not below my sticky header?
- How can I make a color wheel using CSS (with white at center and fading to black at the rim)?
- Logic to add vertical stepper lines
- Why isn't my CSS animation-timeline: view() working?
- Why the elapsedTime property of animation event is undefined
- htmx: Selecting multiple classes in hx-trigger
- How do I move a slide with a mouse and on my phone?
- Is it possible to start the border-bottom after x amount of pixels?
- Angular Material icons not showing