[Resolved] How to change size of feature image on single post on dispatch?

[Anonymous]

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!

[David]

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:

https://gpsites.co/dispatch/blog/

[Anonymous]

Thanks for the solution worked perfectly once I saved element as draft, should I remove it?

[David]

If you don’t think you’ll ever need it then yes – their easy to create anyhow.

[Anonymous]

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!

[David]

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.

[Anonymous]

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!

[David]

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.

[Anonymous]

Thanks a lot work perfectly 🙂

[David]

You’re welcome

[Author]

Posts