Support » Plugin: Jetpack by » Jetpack Carousel Close Button

  • Resolved Richmond Media


    Thanks in advance. We are using the Jetpack Carousel, but I really want to modify the close button, people tell me they can’t figure out how to get out of the Carousel. In FireBug the code reads:

    <div class=”jp-carousel-close-hint” style=”position: fixed;”>

    I would like to change the “X” to “Close Slideshow”. Firebug lets me do this, but I can’t find where the files are to make the change permanent. I searched the code in every file in the Carousel part of the Jetpack plugin, but couldn’t find it anywhere.

    A little help? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jeremy Herve


    Jetpack Mechanic 🚀

    You can replace the value on line 286 of the jetpack-carousel.js file, in the Carousel module folder:

    However, your changes will be overwritten next time you update the plugin. I’m afraid there is no other solution though, as it’s not possible to change this value from outside the plugin. You will have to take notes of your changes and apply them once again once you have updated the plugin.

    Thanks! as a WYSIWYG guy I can do decently at CSS, but I can’t figure out which value to change. Line 286 reads:

    close_hint = $(‘<div class=”jp-carousel-close-hint”><span>×</span></div>’)

    The current “Close” button is the letter “X”. What do I change in this line of code to change the “Close” button to “Close Slideshow” instead of “X”?

    Again, thanks in advance.

    Plugin Author Jeremy Herve


    Jetpack Mechanic 🚀

    You can just replace the symbol between the 2 <span> tags, like so:

    close_hint = $('<div class="jp-carousel-close-hint"><span>Close Slideshow</span></div>')


    Worked like a charm, thanks!


Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Jetpack Carousel Close Button’ is closed to new replies.