Quadrat theme – Shift homepage content up
-
Hi, I’m using the Quadrat theme on a Premium site and I’m wondering if it’s possible to reduce the space between the header to shift the text on the homepage up? Is there a CSS snippet I can use to achieve this?
Here’s a screenshot of the gap I’m trying to reduce:
Thank you in advance!
The blog I need help with is: (visible only to logged in users)
-
-
Hi Kristie,
You can do this via CSS, though it’s not the best way. The Quadrat theme you’re using was created for the new site editor that came out with WordPress 5.9 last week, so everything in this theme is controlled via blocks, and you can add, remove or change blocks as you want to change how the site looks.
To do that, go to Settings ->Full Site Editor in the dashboard, and enable the site editor feature. Then go to Appearance ->Editor to remove the Spacer blocks or to change their height:
You’ll notice there’s two spacer blocks at play here – on that forms part of the header block, and one that’s inserted between the site header and the content/page title.
If you prefer CSS, you can use this code:
header > div.wp-block-spacer { display: none; }With CSS we’re limited, though – the spacer blocks don’t have unique classes or ids that let us target them directly, so we can only use CSS to remove the spacer included in the Header block, as we can use that relationship to target it.
Let me know if you have any questions.
-
- The topic ‘Quadrat theme – Shift homepage content up’ is closed to new replies.
WordPress.com Forums 
