Archived topic
help with some styling
7 replies · Started by Mohammed on December 12, 2021
Hi,
thanks for GP and GB.
I'm having a css applied to the post navigation:
same as the one applied to the blog post template, but it's not being applied apparenltly.
As i don't have much time and experience to look upon this, would appreciate a little help, and a brief explanation.
Thanks.
Hi there,
I'm not exactly sure what you're trying to do.
Were you trying to apply a post navigation to the blog index page's pagination?
If that's the case then that won't work.
Post navigation is meant to navigate between single post page.
If you want to modify the pagination of an archive page or blog page, what you need is "Block element - Archive Navigation" as shown here - https://share.getcloudapp.com/5zu90vQG
Hi,
thanks for your support.
I'm just talking about the styling part of the post navigation template, if you observe well, the css is not being applied
Can you share a screenshot indicating which part isn't working properly?
I've checked the /new-collection-of-rings-from-vuono-design/ page and GB's styling seems to be working there.
Did you add a custom CSS to style something? Any change you can provide a mockup image or perhaps provide an brief explanation of the expected outcome?
you can see the template example for the blog posts in All is styled correctly with spacing.
For the post navigation template in the post, it's not styled correctly, there's no space between the excerpt and the read more button, althou i applied the same css as the blog post template, must be some selector issue
Ah I see what you mean now.
The issue with this is because the container block you use for the template on the blog page uses 531px min-height while the container block for the post navigation doesn't have a min-height value.
If you assign a min-height to its container block, the margin-top: auto; on the .blog-button should be visible for the post navigation's button as well.
Thanks.
I just double checked, and it's in fact this. I applied the min-height on the wrong container.
Thanks you very much for your support.
Glad you've sorted it out. No problem. :D