[Support request] Generatepress / Dispatch – Questions

Home Forums Support [Support request] Generatepress / Dispatch – Questions

Home Forums Support Generatepress / Dispatch – Questions

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #862082
    Stephan

    Hi guys,

    greetings from a very happy new GP Premium-user from germany.

    I´ve got some questions:

    1.) I´m using generatepress with the dispatch-template. Looks nice on every browser – except Safari/IOS.. the featured posts are stretched here, like a kind of strange mobile-mode on desktop-systems. What can i do?

    2.) Is there a way to display headlines in more than just two rows? Sometimes my headlines are a little longer, but they are cut off after two rows…

    3.) Is there a way to show credits/captions under/within the big featured picture in a standard-dispatch-post?

    4.) Testing my site with pingdom or gtmetrix gets bad results because of the images. Seems that they are resized only in html or css. how can i serve scaled images… already tried “Force regenerate thumbnails – plugin”… without a effect…

    I´m looking happily foward to your foolproof answers.
    Sorry for my lack of english-skills.

    U rock
    bye
    Stephan

    GP Premium 1.7.8
    #862333
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    1. What version of Safari are you using? Your site looks good to me on Safari.

    2. I believe this is necessary for the overall design. However, you can disable it by going to Customize > Additional CSS and removing this CSS:

    .generate-columns-container article .entry-header .entry-title, 
    .wp-show-posts article .wp-show-posts-entry-title {
        line-height: 2.5ex;
        height: 5ex;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    3. On the single posts, or within the archives?

    4. Since the images are different sizes depending on position, there isn’t a perfect solution to this.

    The best thing you can do is make sure the images you’re uploading are only as large as they need to be in the largest circumstance. So only as wide as necessary within the featured post area, or on your single post.

    You can also run all of your images through a tool like this: https://imagecompressor.com/

    #863550
    Stephan

    Hi Tom,

    thanks for your answer!

    1.) I received complaints from at least 10 users, all using Ipads or Mac-Systems… unfortunately i don´t know the versions they use….

    2.) Thanks, solved

    3.) Just on the single posts

    4.) Ok, solved

    #863657
    Stephan

    oh, by the way: what are the ideal dimensions for the images?

    #863791
    David
    Staff
    Customer Support

    Hi there,

    I am not able to replicate the issue with the images being ‘stretched’ – ill do some Simulator tests to see what version of Safari may not support the Object-fit CSS the site uses.

    For the Caption inside the hero we can create a shortcode with this PHP Snippet:

    add_shortcode( 'featured_caption', 'db_featured_image_caption' );
    function db_featured_image_caption() {
        ob_start();
        $get_description = get_post(get_post_thumbnail_id())->post_excerpt;
        if(!empty($get_description)){    
            $content = '<div class="featured-caption">' . $get_description . '</div>';
            ob_end_clean();
            return $content;
        }
    }

    Then just add the [featured_caption] to your header element.

    Image sizes – the site was designed with 1200 x 800px for the featured image. If you’re making the header elements full screen then 1900px wide to a maximum of 2400px if you’re targeting the big 4k screen audience.

    #865828
    Stephan

    Hi David,

    i still get feedback from users concerning this issue.

    See this screenshot for example:

    https://send.firefox.com/download/1ed59f39f79d6f77/#yJKdzztcIhMkGt-HT1M9fw

    I need to fix that, but how?

    Thanks

    Stephan

    #865955
    David
    Staff
    Customer Support

    The CSS used for making the image fit is compatible with old versions of iOS as far back 7.

    Can you find out what exact device and version of iOS was being used?
    I am not able to replicate that exact problem with the iOS Simulator. I am however seeing some issues on the old iPad 2 where the main content is not filling the browser, but this problem does not exist if i test the original Volume Site.

    #1093224
    Michael

    Hi David

    I used the above snippet to get the image caption into the hero header, however, I did have an issue when blog posts didn’t have a featured image (and use the fall back image). In these circumstances, the post excerpt is displayed instead of the fall back image’s caption.

    I’ve tried to amend your snippet but with no luck. Any ideas?

    Thanks for your help,

    Mike

    #1093846
    David
    Staff
    Customer Support

    Hmmm not sure how to get the fallback image caption.
    But you could try checking if the post has a thumbnail – which would exclude the caption if it didn’t. Try this shortocde to do that:

    add_shortcode( 'featured_caption', 'db_featured_image_caption' );
    function db_featured_image_caption() {
        global $post;
        if ( has_post_thumbnail( $post->ID )) {
            ob_start();
            $get_description = get_post(get_post_thumbnail_id())->post_excerpt;
            if(!empty($get_description)) {    
                $content = '<div class="featured-caption">' . $get_description . '</div>';
                ob_end_clean();
                return $content;
            }
        }
    }

    Then just add the [featured_caption] to your header element.

    #1094172
    Michael

    Brilliant, thanks David for your help. That worked perfectly.

    Cheers

    Mike

    #1094267
    David
    Staff
    Customer Support

    Awesome – glad to be of help.

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.