Archived topic
How to change size of feature image on single post on dispatch?
9 replies · Started by Former User on February 28, 2020
Hello,
I would like to know how I can change on site library Dispatch the size of single post feature image, right now is showing full image on top and I want to show image only on content area not sidebar area, how I can do this?
Thanks!
Hi there,
go to Appearance > Elements. You'll see a couple of Header Elements, you need to Edit and save as draft ( or delete ) the Single Post header element. The site will then display the default featured image and post meta etc.
You may want to have a quick read of the post included in the original Dispatch site, it explains how the site as built and how to make changes to it:
Thanks for the solution worked perfectly once I saved element as draft, should I remove it?
If you don't think you'll ever need it then yes - their easy to create anyhow.
Also, how I can change size of image of previous and next post that shows just before footer?
And how I can remove those same links that show on top of images too?
Thanks!
1. In Customizer > Additional CSS look for this block of code:
#post-nav .post-nav-wrap {
background-size: cover !important;
background-position: center center !important;
min-height: 120px;
height: 100%;
padding: calc(6% + 1em) 5%; /* This line */
-webkit-box-shadow: inset 0 -50px 70px 20px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 -50px 70px 20px rgba(0, 0, 0, 0.5);
-webkit-transition: -webkit-box-shadow 500ms;
transition: -webkit-box-shadow 500ms;
transition: box-shadow 500ms;
transition: box-shadow 500ms, -webkit-box-shadow 500ms;
position: relative;
box-sizing: border-box;
}
The line i have commented ie padding: calc(6% + 1em) 5%; is what controls the size of the container. try increasing or decreasing the 6% to see the height change
2. Disable the Post Navigation in Customizer > Layout > Blog and this will remove the standard theme links you see above the featured image navigation.
Thanks a lot david both solutions worked perfectly, just some last questions on point 1
1)Is it possible to place some padding between both posts to add some separation between them
2) Can I remove next and previous buttons?
3) Is it possible to show 3 posts instead of 2?
Thanks again!
1. This CSS:
#post-nav a {
margin-bottom: 10px;
}
@media (min-width: 769px) {
#post-nav {
margin-right: -10px;
}
#post-nav .post-nav-wrap {
margin-right: 10px;
}
}
2. This CSS:
.post-nav {
display: none;;
}
3. Unfortunately not - as it is just the Next / Previous post navigation thats being displayed.
You would need a Related Posts plugin to display more.
Thanks a lot work perfectly :)
You're welcome