Only one image in product view - by adam000

This topic has 18 replies, 4 voices, and was last updated 7 years, 2 months ago ago by Amzy Leel

  • Avatar: adam000
    adam000
    Participant
    September 5, 2017 at 01:28

    hello, on my homepage I have got a grid with products, when a product has more than 1 image in gallery then the cursor is changing from hand to arrow and you can change the images from the gallery, how can I get rid of these sliders, I want just a single picture of every product in this grid without possibility of changing images from gallery, but of course only on homepage, on single product page slider with product’s images need to be left without changes, for customers preview, thank you for your help

    Please, contact administrator
    for this information.
    17 Answers
    Avatar: laranz
    Laranz
    Participant
    September 5, 2017 at 04:37

    Hi,

    Use this Custom CSS in Appearance -> Customize -> Additional CSS,

    .hover-effect-slider .arrow-left, .hover-effect-slider .arrow-right { cursor: default; }

    if that didn’t help, use this with an !important

    .hover-effect-slider .arrow-left, .hover-effect-slider .arrow-right { cursor: default !important; }

    Let us know,

    Thanks,
    laranz.

    Avatar: adam000
    adam000
    Participant
    September 5, 2017 at 21:02

    Unfortunately it doesn’t work on my website

    Avatar: laranz
    Laranz
    Participant
    September 6, 2017 at 05:13

    Hi,

    I didn’t see any Custom CSS in the site, did you add that in the Custom CSS?

    Can you pass me the WP Login details in the Private Content, so that I can check what goes wrong.

    Let us know,

    Thanks,
    laranz.

    Avatar: adam000
    adam000
    Participant
    September 6, 2017 at 06:35

    yes I tried both of the snippets

    Please, contact administrator
    for this information.
    Avatar: laranz
    Laranz
    Participant
    September 6, 2017 at 06:43

    Hi,

    You don’t want these arrows right? http://take.ms/XHFQp

    I added the Custom CSS in Theme Options -> Stylings -> Custom CSS, and now please refresh the browser cache and it will take effect. It worked in my computer after clearing the cache.

    Let us know,

    Thanks,
    laranz.

    Avatar: adam000
    adam000
    Participant
    September 6, 2017 at 23:22

    hello, now I can’t choose any product from the grid, they are not ‘clickable’, I tried both snippets on safari and chrome and this problem is still there

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2017 at 10:59

    Please check now.

    Regards

    Avatar: adam000
    adam000
    Participant
    September 7, 2017 at 23:44

    it’s working now, thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 8, 2017 at 09:39

    You’re welcome!

    Regards

    Avatar: adam000
    adam000
    Participant
    September 8, 2017 at 18:52

    I have some problems after these changes from previous posts, my top menu when I’m scrolling down it’s now white, with just little blue strip on top, footer’s “FAQ”, “About US”…. pages are now overlap each other, and on mobile resolution the social icons on footer are not in the middle of the website, they are on the right now, please help me

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 11, 2017 at 10:22

    Hello,

    my top menu when I’m scrolling down it’s now white, with just little blue strip on top

    – is this problem solved? http://prntscr.com/gjpkqx You may change logo for this page http://prntscr.com/gjpl6b

    footer’s “FAQ”, “About US”…. pages are now overlap each other

    – please provide a screenshot for better understanding

    and on mobile resolution the social icons on footer are not in the middle of the website, they are on the right now

    – You may add this code in Custom css for mobile:

    .social-landing-watch .et-follow-buttons{
        text-align: center;
    }
    .social-landing-watch .et-follow-buttons a:last-child {
        margin-right: 0;
    }

    Regards

    Avatar: adam000
    adam000
    Participant
    September 12, 2017 at 01:09

    everything is working great now, thank you, except this strange little dark-blue strip on top of the menu https://imgur.com/a/0y4Pg, it’s appearing on desktop and mobile resolutions, thanks for help

    Avatar: amzy
    Amzy Leel
    Participant
    September 12, 2017 at 03:55

    Replied in your other post.
    please check : https://www.8theme.com/topic/strange-problems/

    Avatar: amzy
    Amzy Leel
    Participant
    September 12, 2017 at 03:56

    Please do not create multiple threads for a same question and do not hesitate to ask if you have any other question (in a new topic / post)

    Regards,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 12, 2017 at 07:34

    Hello, @adam000,

    except this strange little dark-blue strip on top of the menu https://imgur.com/a/0y4Pg, it’s appearing on desktop and mobile resolutions

    Please add this code in Theme Options > Styling > Custom css:

    .fixed-header {
        border-top: none;
    }

    Regards

    Avatar: adam000
    adam000
    Participant
    September 12, 2017 at 20:38

    it’s working, thank you!

    Avatar: amzy
    Amzy Leel
    Participant
    September 13, 2017 at 06:11

    You are welcome.

    Do not hesitate to ask if you have any other questions (in a new topic / post)

    Regards,

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.