image size and responsive fitment

  • hello, great plugin. only one of very few that work well.

    can anyone help with this problem?

    i have a stack with with “hot random image inside”
    its set to STRECH which it does (w100% h:auto)
    it loads ok both on pc and mobile (on mobile its the full image)

    the only issue is on pc, because of the stretch it will overshoot the height to outside of the container of the stack box, overlapping other elements.

    is there anyway to have it stretch behind or inside? (out of sight) like a cut or crop?

    initially i used the stock random header in 2010 theme, but in 2024 theme no such thing?

    what i do like in 2024 is loading a background image in for example a ROW which is responsive and contained, but no option to have random images?

    any advice would be great. thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Hot Themes

    (@hotwptemplates)

    Hello,

    We will need to see your website to inspect the problem. Please provide the link.

    Regards,
    Milos

    Thread Starter larahe

    (@larahe)

    thanks, but its not accessible online at the movement. i have explained how to recreate the issue in my first message.

    put the block inside a STACK, put a background on the row so you can see the issue.
    set the STACK to STRECH items (Justification) .
    (w100% h:auto)

    hope that helps, thanks






    View post on imgur.com
    Plugin Author Hot Themes

    (@hotwptemplates)

    Hello,

    Which theme you are using?

    Regards,
    Milos

    Thread Starter larahe

    (@larahe)

    did you read my first post? or…

    Plugin Author Hot Themes

    (@hotwptemplates)

    the only issue is on pc, because of the stretch it will overshoot the height to outside of the container of the stack box, overlapping other elements.

    I installed the test WordPress site with 2024 theme, and set the Random Image block into a stack with a background color. Justification is set to “stretch”.

    The random images are inside the container, not overlapping the container.

    Please upload the website somewhere, so I can inspect the issue.

    Regards,
    Milos

    Thread Starter larahe

    (@larahe)

    hello, in my example the stack is in a group that is set fixed width of 1000px. the image in the random images is smaller than 1000px so it forces a stretch to 100% of the stack. causing the height to expand over.

    in my case i used a hack to fix the problem, for now im using another stack under the ?random images stack with a background to cover it. it my application its ok for other it may not work. thanks

    Plugin Author Hot Themes

    (@hotwptemplates)

    Hello,

    It will work if you set width to the Hot Random Image to a fixed value, for example 1000px. For some reason, it is overlapping in 2024 theme if you set width to 100%, and if the Hot Random Image block is in a stack block that’s in a group block with background color.

    Regards,
    Milos

    Thread Starter larahe

    (@larahe)

    obviously. pointless reply.

    the point is to use 100% so all images fit the stack width and stretch or shrink to the window on any screen.

    Plugin Author Hot Themes

    (@hotwptemplates)

    Ok. I will not reply anymore…

    Thread Starter larahe

    (@larahe)

    its bugs in your plugin…. if you dont want to fix them. it looks bad on you.

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