Archived topic
How Center Post Title on Home Page and Post Page --Reduce Padding on Bottom
3 replies · Started by Lynn Walford on May 6, 2020
Hello:
I'm trying to figure using the the Spacious theme them to start how to make all the posts titles centered on the home page and individual post pages.
1. Please give me the exact CSS to center.
Yes the titles are supposed to be emoji.
2. I would also like to reduce the padding on the numbering of pages by 20 pixels and center the page numbering.
https://prnt.sc/scaffn
I should also reduce the padding on all images 10 pixels (it will fix the watermark Copyright I have set up.
3. Please tell me how to reduce the image padding on all images in posts and home page.
BTW I'm quite amazed at Generate Press things that used to take weeks are now taking hours----even faster than good ol' Microsoft Front Page!!!!
Note It doesn't have to look exactly like the original but I would like the flavor of Feel-goodies.com----
Hi there,
glad to hear you're enjoying GeneratePress :)
1. Try this CSS:
.entry-title {
text-align: center;
}2. Try this CSS:
#nav-below {
text-align: center;
padding-top: 0;
padding-bottom: 0;
}
.nav-links {
display: flex;
align-items: center;
justify-content: center
}
.nav-links > * {
display: block;
padding: 5px 8px;
border: 1px solid #ccc;
margin: 0 !important;
}3. Go to Customizer > Typography > Body and reduce the Paragraph margin to 0.5 em. This should reduce the space below the image because all of them are wrapped in <p> tags
1.That worked. Now I need to figure how to make the individual post titles smaller 18 or 20 pixels and reduce the space above and below the title. (same for when navigated via categories etc)
2.I'd also like to create an archives page similar to the original--similar to the original is that done through elements or widgets---like-create a page an then add what onto it?
feel-goodies.com/archives
1. In Customizer > Typography > Headings you can change Font size and bottom margins for H1 and H2 headings.
2. Hmmm - would need a little CSS but maybe this method:
1. Create a a new Page called Archives.
2. Use the Layout Metabox to assign the left hand sidebar ( i am assuming that the sidebar won't be displayed elsewhere ).
https://docs.generatepress.com/article/layout-metabox-overview/
3. Add all those widgets in Appearance > Widgets -- > Left sidebar
Then i can provide some CSS to create a similar arrangement.
