CSS for Cover block
-
I tried that already. There was no option to convert it to a regular block. Using reusable blocks has created nothing but headaches for me and a mess on the page. I prefer doing it using CSS instead. I once posted my question in the CSS forum. I forgot how to do that.
I like to write CSS code for a cover block to specify that the cover block has the full width, the content inside is located at the top left, and the background colour is ####. Does anyone know what CSS code I will need to write?The blog I need help with is: (visible only to logged in users)
-
Hi, I believe you’ve already discussed this with our private support. The very best way to do a cover block with full width, top left alignment, and a background color is to use the cover block controls. There is no great CSS hack for making blocks full width because it will compete with the block controls.
If you want it to work like that on every post automatically, you’ll want a theme that includes full site editing so you can edit the post template.
To keep Publication’s functionality instead of using cover blocks, you can use the theme’s built-in handling of featured images, and manipulate the positioning on those with CSS. CSS positioning is outside the scope of the support we include, but if you’re savvy you may be able to get it with inspect element:
https://wordpress.com/support/custom-design/how-to-find-your-themes-css/
- The topic ‘CSS for Cover block’ is closed to new replies.
WordPress.com Forums 