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

Home Forums Support How to change size of feature image on single post on dispatch?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1179859
    Sara

    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!

    #1179878
    David
    Staff
    Customer Support

    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/

    #1180102
    Sara

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

    #1180377
    David
    Staff
    Customer Support

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

    #1182765
    Sara

    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!

    #1183256
    David
    Staff
    Customer Support

    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.

    #1183947
    Sara

    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!

    #1184414
    David
    Staff
    Customer Support

    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.

    #1186239
    Sara

    Thanks a lot work perfectly 🙂

    #1186390
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.