New Landing › How can we help? › Themeforest Theme Support › Neighborhood › surface appearance

Viewing 15 posts - 1 through 15 (of 24 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • May 27, 2014 at 4:15 pm #77923
    sukiya
    Member
    Post count: 218

    hi everybody,

    another question:
    if I start my webpage for the first short second the surface appears like you can see it in the attached image.
    images which are in the background appear for a short moment.

    my images are not to big – so I don’t know why this is happening?

    do you have any idea?

    thanks a lot,
    best wishes,
    Lisa

    May 27, 2014 at 5:17 pm #77955
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hi,

    the effects of the images scrolling on hover is kicked in by javascript, which loads after the content is being loaded. So it can happen that you see the content before it gets arranged. You don’t need to be concerned about that 🙂

    All the best

    May 27, 2014 at 6:25 pm #77995
    sukiya
    Member
    Post count: 218

    hi melanie,

    I dont scroll over the images.
    the product overlay transition is off.

    the background mages appear without doing anything – and this is not so beautiful.
    if I look on the demo page of neighborhood this is not happening – so I think there must be something wrong.

    you have any other idea?

    best wishes,
    Lisa

    May 29, 2014 at 8:22 am #78471
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Please could I see your link to check the issue?

    – Kyle

    June 2, 2014 at 10:14 am #79478
    sukiya
    Member
    Post count: 218

    hi kyle,

    here is the link of one product catalogue:
    http://www.eshop.sukiya.ch/produktkategorie/light/

    thanks a lot,
    Lisa

    June 2, 2014 at 4:10 pm #79598
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to use this custom css code
    ul.products li figure:last-child{visibility:hidden !important;}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    June 3, 2014 at 9:37 am #79762
    sukiya
    Member
    Post count: 218

    hi Mohammad,

    thank you for the information.

    unfortunately it is not working.
    the background images still appear…

    http://www.eshop.sukiya.ch/produktkategorie/light/

    best wishes,
    Lisa

    June 3, 2014 at 10:57 am #79784
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    This will only occur when you have images that are smaller than the sizes you have set. The issue here is if you have a larger image than the rest (the rest being smaller than the size you have set in the WooCommerce settings), then they will show double as the products row needs to fit the grid, to not break the layout.

    You’ll need to upload larger images to match, or reduce the image height set in the WooCommerce settings.

    You can try this css code:
    ul.products li figure a:last-child{visibility:hidden !important;}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    June 3, 2014 at 2:06 pm #79849
    sukiya
    Member
    Post count: 218

    hi Mohammad,

    thank you.
    I changed the sizes.
    now all images are 700×500 px and also the woocommerce settings are like this –
    but the problem is still there.

    take a look at this:
    http://www.eshop.sukiya.ch/produktkategorie/furniture/

    I also put the css code: ul.products li figure a:last-child{visibility:hidden !important;}

    but there is no change….

    thanks for helping me.

    best wishes,
    Lisa

    June 3, 2014 at 2:28 pm #79856
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to use this css code :
    ul#products.products li figure a div.product-image:last-child{display:none !important;}

    Thanks

    June 3, 2014 at 2:55 pm #79866
    sukiya
    Member
    Post count: 218

    hi Mohammad,

    thank you!

    now the images in the background disappeared! good!
    but there is still a little delay – (see the attachment or the web link):

    http://www.eshop.sukiya.ch/produktkategorie/furniture/

    the effect ist still the same – but without the image in the background …

    best wishes,
    Lisa

    June 3, 2014 at 3:04 pm #79869
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this code:
    .woocommerce ul.products li.product figure > a{height:100% !important;overflow:hidden;}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    June 3, 2014 at 3:17 pm #79874
    sukiya
    Member
    Post count: 218

    hi Mohammad,

    sorry but now with this code the images in the background appear again:

    http://www.eshop.sukiya.ch/produktkategorie/furniture/

    best wishes,
    Lisa

    June 3, 2014 at 3:20 pm #79877
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please keep both codes this one and last one too .
    Thanks

    June 3, 2014 at 3:30 pm #79884
    sukiya
    Member
    Post count: 218

    ok I put now both codes like so (see the attachment).

    but now its the same like before (without image in the background)…

  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 24 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register