Home Forums WoodMart support forum Line shown around Images Gallery => line that should never exist

Line shown around Images Gallery => line that should never exist

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #339751

    Jeriss Cloud Center
    Participant

    Dear,

    Please check the link below. Scroll the first Images Gallery and check the 3rd picture.

    Your Images Gallery shows a blue line on the right side which should NOT exist.

    Why does it show such line? That image itself doesn’t have that line in it.

    Please investigate
    Thanks

    Attachments:
    You must be logged in to view attached files.
    #339758

    Jeriss Cloud Center
    Participant

    I found the issue => the Images Gallery has actually a bug

    The “line” which I’m refering to actually is the first line of pixels of the NEXT picture.

    This is NOK. We should not see the first lines of pixels of the next picture.

    #339941

    Hello,

    Please, provide your site admin access (insert the site credentials into the Private content block under the message area).

    Best Regards

    #340207

    Jeriss Cloud Center
    Participant

    Credentials below

    #340333

    Hello,

    Did you activate the Slider loop? Now I see you have refused the carousel and have set the grid.

    Best Regards

    #340690

    Jeriss Cloud Center
    Participant

    Hi

    Your response doens’t answer my issue at all. I believe you dropped me an answer that was supposed to be for someone else. Please analyze carefully my ticket.

    Slider loop is disabled => and even if it was enabled, this bug shouldn’t happen

    Carrousel is enabled => and even if it was disabled, this bug shouldn’t happen

    Thanks

    #340835

    Bogdan Donovan
    Keymaster

    Hello,

    Initially, Woodmart theme use OWL-Carousel JS library for most content carousels. Following library has issue: under a certain coincidence of circumstances like container width, column quantity, column spacing, browser zoom level or OS interface scaling – carousel width and carousel column width is miscalculated (https://prnt.sc/23tv35w) causing issue when carousel columns not covering all carousel wrapper.

    Unfortunately, this OWL-Carousel issue can’t be completely fixed via theme, but in further updates we are planning to move to other JS carousel library that does not have the following issue.

    Like as alternative solution, you can add following custom code to Global Custom CSS area in Theme Settings to fix this issue on image’s carousel:

    .wd-images-gallery .owl-stage-outer {
    	 clip-path: inset(0 2px 0 0);
    	 -webkit-clip-path: inset(0 2px 0 0);
    }

    Kind Regards

    #342544

    Jeriss Cloud Center
    Participant

    This code works perectly, thanks!
    You can close this ticket

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Line shown around Images Gallery => line that should never exist’ is closed to new replies.