Hack the bullets for Revolution Slider - Wordpress Plugin.

It was requested by my client that they loved the square bullets but could they have some text for each slide in each button. What follows here is the notes of my hack. A full solution would be to make this read the slide title and have the option as a clickable choice in admin. As pictured here. The nice thing about this is that the bullets are highlighted with slide too. Having said that for the record here's my hack, which adds a class in the plugins JQuery file. And then once each bullet can be individually accessed by CSS . the rest of the hack is done in CSS. I had eight slides in this project but this could be expanded to as many or little as you need.


OPEN wp-content/plugins/rs-plugin/jquery.themepunch.revolution.min.js

SEARCH FOR

r.find(".bullet").each(function(r){var i=e(this);
if(r==n.slideamount-1)i.addClass("last");

UNDERNEATH ADD

if(r==1)i.addClass('second');
if(r==2)i.addClass('third');
if(r==3)i.addClass('fourth');
if(r==4)i.addClass('fifth');
if(r==5)i.addClass('sixth');
if(r==6)i.addClass('seventh');
if(r==7)i.addClass('eighth');

Then in your themes style.css add

.tp-bullets.simplebullets.square-old .bullet.first:after{
content: 'Graphics';

}

.tp-bullets.simplebullets.square-old .bullet.second:after{
content: 'Photography';
}

.tp-bullets.simplebullets.square-old .bullet.third:after{
content: 'Film';
}

.tp-bullets.simplebullets.square-old .bullet.fourth:after{
content: 'Audio';
}

.tp-bullets.simplebullets.square-old .bullet.fifth:after{
content: 'PR';
}

.tp-bullets.simplebullets.square-old .bullet.sixth:after{
content: 'Events';
}

.tp-bullets.simplebullets.square-old .bullet.seventh:after{
content: 'Advertising';
}

.tp-bullets.simplebullets.square-old .bullet.eighth:after{
content: 'Clients';
}

.tp-bullets.simplebullets.square-old .bullet.last:after{
content: 'Online';
}