How to get my card block to be full width like your demo?
-
Hi,
I’m using twenty nineteen theme and I use the card block directly below my home page banner – https://www.nature-health.com/
But as you can see, the card block is not full width like your demo here – https://wpstackable.com/card-block/
May I know how can I make it to full width?
The second question is, I have my button text as ‘More about me’ but the webpage shows only a ‘B’. Is there something I’m missing out?
I look forward to hear from you, thank you!
KCThe page I need help with: [log in to see the link]
-
Hi KC,
1) For the width, that’s how Twenty Nineteen is really made to look like. You can change it with CSS:
body.page .entry .entry-content > *, .entry .entry-summary > * { max-width: 100%; }The reason why full-width works with other blocks is because the blocks themselves are go full-width and break out of the content.
I wrote a post about it: https://benjaminintal.com/2018/12/11/how-to-make-twenty-nineteens-content-full-width/
2) For the letter ‘B’, I think it’s a Gutenberg bug. To fix it, re-create that block then delete the old one. (don’t duplicate the block)
- The topic ‘How to get my card block to be full width like your demo?’ is closed to new replies.
