Archived topic
Having trouble aligning text with top left front page thumbnail
7 replies · Started by Devin on February 21, 2022
I'm having slight issues getting the "all articles" text shown on my site (linked in private section) to look it does on the reference site (also linked) I've had the most success achieving the look by putting the header in its own block, putting it in a group of its own and then changing a few settings in the customizer but after saving the settings, the alignment turns out differently than what’s in the customizer before saving. In hopes of better results, I’ve also tried grouping the header with the short code block for WP show posts but it turned out even more unaligned. In addition to that, I've also tried adding a spacer block, but it pushed down the content along with the text.
Element format: https://paste.pics/b0bf383b932d5a708c896690a57d1f9d
Hi there,
Try this CSS:
h3#all-articles {
padding-left: 20px;
margin-bottom: 0;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
That did it :) Is there any way to adjust the content padding so that it's a little closer to the text by chance?
Try removing the empty paragraph first:
https://www.screencast.com/t/6m8fYKjLA7
It's likely added at the end of the element after the ALL ARTICLES text.
Okay, I believe it's deleted. It still looks to be in the same position. I'm wondering if this is because the text is in a group. Unfortunately that's the only way I could get it above the thumbnail.
Perfect, that resolved the issue. Thanks!
No problem :)