Stack Exchange network consists of 183 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.
That's what I'm figuring too...the loops aren't connected so the Pinterest button has no idea what photo to reference. Here's the page where this is happening, inroadsireland.com.225.69-195-198.groveurl.com/tours/go-south (click the "Photo Gallery" tab). No matter what photo you click to bring up the modal, the Pinterest button is associated with the first photo in the Grid row. I'm not sure how to connect the 2 loops though. I'm using a Bootstrap Image Gallery (github.com/blueimp/Bootstrap-Image-Gallery). The #blueimp-gallery is just a hidden container for the modal.
@RobsonSobria: What I ended up doing to solve this was just add a <style> tag within the <head> tag as suggested. From there I didn't even need to use Preload Text Replacements...I just used the embed variables setup on each template and it worked fine. After thinking through this after your response and the one below, it doesn't make sense to use a css file just for this small bit off css.