-
I am trying to get formatting to look right on my blogs. These are the following issues:
1) How do I reduce the gap between the bottom of the blog post hero and top of the blog content (it is too big)
2) How do I increase the gap between the author / last update lines?
3) How do I increase the gap between the colon and the May as they are too close Last update:May 31, 2024 -
I forgot, also how do I stop the date, author appearing at the top of the blog content? I already have this in blog post hero so don’t want this.
-
1. Do you mean this gap? https://app.screencast.com/jKl6ZL8cTzAvx If so, it looks good to me, are you sure you want to reduce the gap? Here’s the CSS:
.single-post .inside-article { padding-top: 20px; }2. Select the parent container of the author and date, and increase its
column-gapvalue in the layout panel.3. Not sure which gap you are referring to, is it this one?https://app.screencast.com/Jet3DdGZyHumX
4. Not sure what you mean. I don’t see the date/author at the top of the blog content, only see it in the page hero.
-
You are looking at the page of my other site – that is the one I am trying to replicate. The one I am trying to copy and match is in the private box area – tennisfury.com
-
Ah sorry, my bad!
1. The solution is the same.
2. The solution is the same.
3. Select the headline block, and set a column gap in the layout panel.
4. Go to customizer > layout > blog, uncheck
Display post dateandDisplay post author. -
I think I have managed 1 and 2 but 3 and 4 have done that and cannot make it the gap work?
Also I did untick post date and author but it is still showing
-
think have sorted it.
-
Glad to hear that 🙂
- You must be logged in to reply to this topic.