Remove/Hide Spotlight and Big Slider "right & left" knobs/arrows

  • Author
    Posts
  • #94285

    Hi, I want to make single picture my “Spotlight” and “Big Slider” widgets. Explain better: I want to remove those two little knobs or button the slide the pictures to the “right” and to the “left” from this to widget at the point they look like just one photo, i know I can choose just to put one photo there but the arrows will be there and when people click, they will get the same picture, and will look amateur.

    Is there a css code that remove/Hide just those two button in “Big Slider” which is on top of the picture, and on the “Spotlight” which is on top of the image and in this one I will like to hide also the top thick grey line in top the arrows.

    blog: https://megaricos.com/

    Thanks so much

    The blog I need help with is megaricos.com.

    #94426

    shroote
    Member

    Hello,
    Yes it’s possible to hide these buttons in CSS, but images can be swiped in mobile devices / tablets, or on computer you can just click image with mouse and drag it. As this can’t be disabled in CSS, would you be ok with it? It doesn’t look like a good idea to me. Also I’m not sure what you mean by “top thick grey line in top the arrows”, can you explain where in the site are they?

    #94427

    Hi Shroote, thanks for answer me!

    Yes it will be okey the swiping thing on devices, I ste them just to one picture. check this, talking to the WordPress guys, i got this code to hides those arrows — But in the “Big Slider” when mouse hover over picture, the arrows appears — do you have a way for that not to happen (the hover thing), Forget about the Grey Line, is the one on top of widgets, but never mind… Here’s the CSS code I was provided:

    /* this code hide arrows from big slider */

    .outspoken-gallery .prev, .outspoken-gallery .next {
    display: none;
    }

    /* ends here */

    /* this hides arrows in spotlight widget */

    .widget .widget-title .prev, .widget .widget-title .next {
    display: none;
    }

    /* ends here */

    #94472

    shroote
    Member

    No problem, I would have provided CSS code myself, just wasn’t sure it’s really what you want. I’m pretty sure adding “!important” to display properties in your code should be enough to hide arrows for good:

    /* this code hide arrows from big slider */
    
    .outspoken-gallery .prev, .outspoken-gallery .next {
    display: none !important;
    }
    
    /* ends here */
    
    /* this hides arrows in spotlight widget */
    
    .widget .widget-title .prev, .widget .widget-title .next {
    display: none !important;
    }
    
    /* ends here */

    #94474

    Thanks so much @shroote you are a genius and we love your theme!

    #94507

    shroote
    Member

    You’re welcome.

The topic ‘Remove/Hide Spotlight and Big Slider "right & left" knobs/arrows’ is closed to new replies.