Posted 10 months ago #
Hi there, tried just about everything but I can't for the life of me figure out where I can change the border color of the thumbnail images used on this page... (scroll down on the page, want to change the borders of the thumbnails from black to a different color)
http://www.moko.com.php5-21.websitetestlink.com/?page_id=100
Can some kind soul out there steer me in the right direction?
Shot in the dark, but figured I would ask here...
Posted 10 months ago #
I'm pretty sure that's the Next Gen Gallery? Might have to change it through the plugin settings on the Plugin Editor. - div class "panel".
Posted 10 months ago #
Thanks for the reply. Yeah, been trying to edit the plugin in just about every possible .css file and .php parameter I can find to look for the darn 2px solid black border, but for whatever reason, I can't seem to find where the border color is brought in.
But, isn't the class I should be editing called .pointer? not .panel?
<div id="pointer" style="position: absolute; z-index: 1000; cursor: pointer; top: 360px; left: 318px; height: 38px; width: 38px; border: 2px solid black
^not sure where the hell that info is brought in from the files...
Posted 10 months ago #
Bummp
So it appears that wherever the <div id="pointer" style="position: absolute; z-index: 1000; cursor: pointer; top: 360px; left: 318px; height: 38px; width: 38px; border: 2px solid black is drawn in from just has to be disabled.
Done a complete search of the plugin files for "solid" and deleted any files that might call in a border, but still no luck...
help?
Posted 10 months ago #
No guarantee, but try adding this to the bottom of your style sheet and see if it makes a difference - adjust the border width and color to suit your need.
.dividerpress img {
border: 2px solid #cecece;
}
Posted 10 months ago #
Thanks for the reply, but no luck... not sure where your head was at though since .dividerpress img isn't really what I need to change... need #pointer to get rid of that black border... which is somehow just an embeded style from a .js plugin file.
But the thing is - I've removed pretty much anything that would even remotely warrent a border for the #pointer... somehow it's still being called in.
Posted 10 months ago #
That's odd. It worked perfectly for me in firebug. In fact when I visit your site right now, that's what I'm seeing. A 2px border in colour #cecece. And here's where my head is at:
<div class="dividerpress">
<div class="title">
MEET THE TEAM</div>
<div id="thumbnail">
<img width="176" height="103" alt="" src="http://www.moko.com.php5-21.websitetestlink.com/wp-content/uploads/2011/07/MOKO_home_meet_the_team.jpg">
<br>
</div>
</div>The images reside within the div class ".dividerpress" Why? I dunno. They just do. :-)
Clear your browser cache and try rechecking your site, because the border on the images is no longer black when I look at it from my end. It's 2px and #cecece. It also appears that you may have added the change to the galleryview.css instead of your themes css as I suggested, but that's up to you.
Good luck with it!
Posted 10 months ago #
... Okay, I see what you meant now, and I very much appreciate the guidance, but what I want to change, is the border below the sliders on the thumbnail images on the gallery part. Next to the blue arrows... want to change the black border to the blue color so that everything matches. Everything else on that page is okay. http://www.moko.com.php5-21.websitetestlink.com/?page_id=100
Sorry, but I still need help with this - not sure where this <div id="pointer" style="position: absolute; z-index: 1000; cursor: pointer; top: 360px; left: 318px; height: 38px; width: 38px; border: 2px solid black> is coming from. I believe it's somewhere in this .js file since the styles used are embeded and not actually on the .css files : http://www.moko.com.php5-21.websitetestlink.com/wp-content/plugins/nggGalleryview/jquery.galleryview-1.1-pack.js?ver=1.1'
Posted 10 months ago #
Ahhh, I see. I had the wrong images! The inline style that's being applied is really mucking things up. That is a weird one. Sorry I led you down the wrong path.
Posted 10 months ago #
@mixmastermichael you're right , the code you want to edit is <div id="pointer" style="position: absolute; z-index: 1000; cursor: pointer; top: 360px; left: 318px; height: 38px; width: 38px; border: 2px solid black... But this line is dynamically created by your javascript http://www.moko.com.php5-21.websitetestlink.com/wp-content/plugins/nggGalleryview/jquery.galleryview-1.1-pack.js?ver=1.1' . The javascript is in compressed format. By decompressing, you can get the original javscript.(See how to decompress Javascript code). Orginal Javascript here http://pastebin.com/C3rmjevc. We are interested in the line var b=$('<div></div>');b.attr('id','pointer').appendTo(A).css({'position':'absolute','zIndex':'1000','cursor':'pointer','top':getPos(C[0]).top-(z/2)+'px','left':getPos(C[0]).left-(z/2)+'px','height':h.frame_height-z+'px','width':h.frame_width-z+'px','border':(has_panels?z+'px solid '+(h.nav_theme=='dark'?'black':'white'):'none')}); . This is the line you were searching for :-). Change that 'black':'white' to some color you want ..
Posted 9 months ago #
Oh man! Thanks so much for your reply! I would have never solved this one without your assistance. Crazy stuff, I've dealt with javascript before but nothing quite so complicated as that...
Changed the border to a hexidecimal color in the code, all is working fine now.
Thanks much to all the people who replied to this thread. Glad to see that there are nice wordpress users out there!
You must log in to post.
