Jetpack Carousel Close Button

  • Resolved Douglas Dye

    (@richmond-media)


    10 years, 9 months ago

    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;”>
    <span>×</span>

    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!

    http://wordpress.org/plugins/jetpack/

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

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 9 months ago

    You can replace the value on line 286 of the jetpack-carousel.js file, in the Carousel module folder:
    http://plugins.trac.wordpress.org/browser/jetpack/trunk/modules/carousel/jetpack-carousel.js#L286

    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.

    Thread Starter Douglas Dye

    (@richmond-media)

    10 years, 9 months ago

    Jeremy,
    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

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 8 months ago

    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>')

    Thread Starter Douglas Dye

    (@richmond-media)

    10 years, 8 months ago

    Jeremy,

    Worked like a charm, thanks!

    Doug

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