Post Carousel widget

  • Author
    Posts
  • #159558

    cygnusstudiosflorida
    Member
    Original poster

    @designorbital:

    I love the Dicot post carousel widget, but I wish there was an option to force consistent image heights (as widths are now). Some bloggers may use the exact same featured image dimensions for every post, but I suspect like myself many do not.

    When the heights are not identical, the widget “pushes and pulls” all other widgets below it up and down, which makes viewing them rough on the eyes. While I’d like to use this widget high on my sidebar, placing it at or near the bottom is the only way I’ve found to avoid this. Or, am I missing something?

    Anyway, just a suggestion to consider for a future update.
    Thanks again for this excellent theme!

    The blog I need help with is: cygnusstudios.blog

    #159560

    designorbital
    Theme Author

    Hi,

    First solution: You need to upload big featured images in your posts. So that Post Carousel will crop the required dimensions automatically. It will generate all images with the same size and there will no need to adjust height automatically.

    Second solution: Let try the following css snippet. It will fix the height of Post Carousel wrapper (not the images). It will fix the “Pushes and Pulls” but he given height will be occupied by Post Carousel.

    Let try,

    
    .widget-postcarousel-dicot .dicot-postcarousel-wrapper {
         min-height: 325px;
    }
    

    You can adjust the height according to your need.
    Hope it will help you.

    Thanks

    #159574

    cygnusstudiosflorida
    Member
    Original poster

    Hello again @designorbital!

    My featured images are all pretty large. The issue seems to have something to do with those which are rectangular. Here’s one example which causes the widget to “push/pull” the other widgets below it:

    1000x500px:
    http://cygnusstudios.blog/2020/09/25/new-cover-uriah-heep-the-wizard/the-wizard-featured-image/

    I’ve found the widget resizes images to always be 263px in width, which makes sense since if it didn’t I’m guessing we’d see the same effect, but horizontally instead of vertically. However, when it does that is retains the aspect ratio, making the height vary.

    Here’s one that’s 1280×720, which crops to a perfect 263x263px. That said, on second thought I’m probably barking up the wrong tree in thinking the issue is caused solely by rectangular images:

    http://cygnusstudios.blog/2017/07/25/rick-wakemans-rrhof-acceptance-speech/rick-wakemans-rrhof-acceptance-speech-2/

    I tried adding the snippet you provided, but no dice.

    I’m definitely a beginner at CSS and obviously not at all familiar with your code, but the use of an element called “min-height” seems backwards. Shouldn’t it be some sort of element that controls the “max” height to prevent it from resizing the container up and down, or maybe a combination of those which control “mix”/”max” container elements?

    Hope I don’t sound lazy, but resizing and/or replacing all of my existing featured images just isn’t practical… I can’t even begin to estimate how much time that would consume. If it’s not possible to keep the container the same size via some additional CSS, I’ll just have to live with it.

    #159619

    designorbital
    Theme Author

    Hi,

    About CSS Snippet:

    Have you appled css snippet via Customizer > Additional CSS.
    Following support page will help you.

    https://wordpress.com/support/custom-design/editing-css/

    About Regenerating Thumbnails:

    If you can upload plugins, You can use following plugin to regenerate Featured Images thumbnails.

    https://wordpress.org/plugins/regenerate-thumbnails/

    Hope it will help you.
    Thanks

    #159636

    cygnusstudiosflorida
    Member
    Original poster

    Yes, that’s the way I added the snippet. I also have several others in there to override some of the Dicot defaults, which work with no issues.

    Unfortunately, I’m not on a business plan, so I’m unable to run plugins. However, I do appreciate the information…

    As I was saying, sounds like something I’ll just have to live with. Adding the widget to the bottom is one workaround for the problem.

    Thanks again for taking the time to respond!

    #159682

    designorbital
    Theme Author

    Thanks for your feedback.

The topic ‘Post Carousel widget’ is closed to new replies.