I've bought a template for a site I'm building. I've almost got the entire thing all finished but i'm at a bit of a road block. The site is quite heavy on different css sheets & js so its a bit of a mess trying to navigate around to put in my own code so I'm wondering is there a simple way around this.
Basically as you can see from my code below i've got a Gallery on the site. The gallery pre loads images and then displays them. In this case it pre loads "granite_cleaning.jpg"
On hover a little black box slides up displaying the text "Granite Worktop (Clean & Re-Seal)"
On click of the image or js slider it loads a lightbox onto the page displaying the image "STORAC01.jpg" along with a fancy "close" icon, and a fancy "next / previous" button
The text "CLICK HERE TO DOWNLOAD AND PRINT" is shown below the image on the left on the lightbox. Basically i would like to turn that text into a hyperlink where i can link it to a .pdf where a user can print a voucher. Problem is that "title=" is already part of the "<a href=" line of code.
Is there any simple way i can do this? Im talking like to slap a bit of code directly into the html without having to sift through the css sheets and html. There are about 5 different stylesheets being used for different purposes along side a bucket load of js.
CODE
<li>
<a href="gallery/offers/vouchers/STORAC01.jpg" title="CLICK HERE TO DOWNLOAD AND PRINT" rel="prettyPhoto[gallery2]">
<img src="gallery/offers/granite_cleaning.jpg" width="290" height="153" alt="" />
<span class="cover boxcaption">
<span class="prjname">Granite Worktop (Clean & Re-Seal)</span>
<span class="gall"></span>
</span>
</a>
</li>
I hope I'm making sense
