Thread Starter
Haldan
(@hblecher)
Sorry for the premature post — I figured out (1) but I am still having trouble formatting the “post content” block so that it has a border.
(2) I still can’t seem to figure out.
Hi @hblecher,
1. The post content block doesn’t support borders (at least right now, I believe), but you can wrap it in a group and set a border on the group block.
2. Core bundles CSS that sets the featured image element to be 100%, so it always fill the width of the container. You can overwrite this by adding the following custom CSS in the Customizer:
.wp-block-post-featured-image img { width: auto; }
— Anders
Thread Starter
Haldan
(@hblecher)
Thank you Anders. Both of those suggestions worked perfectly.
One last question (sorry if these are elementary) —
How can I change the dimensions or formatting of the query pagination numbers? They end up stacking on top of one another because I can’t seem to change the dimensions of the block they’re inside of (I’d like the numbers to sit side by side on the same line instead of stacking).
Thanks again.
Thread Starter
Haldan
(@hblecher)
Ok, that wasn’t actually the last question, sorry!
You’ll notice on the main page that the post content has much more severe margins than the title and other elements in the query loop. Is there any way to change this so that the margins of all the elements in each post visible on the main page are aligned? These margins are attractive on the individual post pages, but it doesn’t look very nice on the main page. These margins are not visible in the preview window within the site editor, but end up applied on the published site.
I’ve tried adjusting the content width and wide width within the post content block settings, but that doesn’t seem to work to reduce the margins, only to expand them. I looked through the theme’s blocks.css but I couldn’t find anything relevant.
Any insight would be appreciated.
Hi @hblecher,
The Query Pagination block has pretty limited settings right now, so what you see in the block settings when you select it in the Site Editor is what you get. You can modify the display further using custom CSS, though.
Your last question should be fixed with version 0.2.2, which is available as an update now. The handling of block widths in different contexts is still a bit of a wild west for block themes.
— Anders
Thread Starter
Haldan
(@hblecher)
Thanks Anders!
I appreciate the help.
1. Since I’m not sure what kind of custom css would be necessary to adjust the query pagination block, I’ve opted to just remove the numbers and limit functionality to previous and next pages.
2. I’ve updated to 0.2.2, and the post content issue seems to have been fixed! Just wanted to note that without changing anything else, the total margins for the content on the main page appears to have disappeared, but I solved that by setting the group content to something less than 100% and that seems to have addressed this.
Thanks again!
