Hi everyone,
Joomla 1.5 sigPro v1.2
I am trying to change the thumbnails so that they do not have any border around them (The border can come on when you hover)
I know I need to make a change to a css file so I guess which bit of code it might be (and slowly I get the hang of it!)
Looking at sigpro_default.css ( /plugins/content/jwsigpro )
.sig_cont .sig_thumb a img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}
and change to
.sig_cont .sig_thumb a img {display:block;position:relative;background:#FFF;border:none;margin:-5px 5px 5px -5px;padding:4px;}
so
border:1px solid #ccc to
border:none - does not work for me.
I am using Greybox with yearbook captions, (at the moment, the client may like another look)
Also looked at gb_styles.css in the greybox folder
/* Last-Modified:28/06/06 00:08:22 */
#GB_overlay {background-color:#000;position:absolute;margin:auto;top:0;left:0;z-index:100;}
#GB_window {left:0;top:0;font-size:1px;position:absolute;overflow:visible;z-index:150;}
#GB_window .content {width:auto;margin:0;padding:0;}
#GB_frame {border:0;margin:0;padding:0;overflow:auto;white-space:nowrap;}
.GB_Gallery {margin:0 22px 0 22px;}
.GB_Gallery .content {background-color:#fff;border:3px solid #ddd;}
.GB_header {top:10px;left:0;margin:0;z-index:500;position:absolute;border-bottom:2px solid #555;border-top:2px solid #555;}
.GB_header .inner {background-color:#333;font-family:Arial, Verdana, sans-serif;padding:2px 20px 2px 20px;}
.GB_header table {margin:0;width:100%;border-collapse:collapse;}
.GB_header .caption {text-align:left;color:#eee;white-space:nowrap;font-size:20px;}
.GB_header .close {text-align:right;}
.GB_header .close img {z-index:500;cursor:pointer;}
.GB_header .middle {white-space:nowrap;text-align:center;}
#GB_middle {color:#eee;}
#GB_middle img {cursor:pointer;vertical-align:middle;}
#GB_middle .disabled {cursor:default;}
#GB_middle .left {padding-right:10px;}
#GB_middle .right {padding-left:10px;}
.GB_Window .content {background-color:#fff;border:3px solid #ccc;border-top:none;}
.GB_Window .header {border-bottom:1px solid #aaa;border-top:1px solid #999;border-left:3px solid #ccc;border-right:3px solid #ccc;margin:0;height:22px;font-size:12px;padding:3px 0;color:#333;}
.GB_Window .caption {font-size:12px;text-align:left;font-weight:bold;white-space:nowrap;padding-right:20px;}
.GB_Window .close {text-align:right;}
.GB_Window .close span {font-size:12px;cursor:pointer;}
.GB_Window .close img {cursor:pointer;padding:0 3px 0 0;}
.GB_Window .on {border-bottom:1px solid #333;}
.GB_Window .click {border-bottom:1px solid red;}
- and I have tried out changing various borders to off, but I can not get it right! Tried clearing cache between each try, but no success.
I need to know how to turn the
border to none in greybox, and all the styles, so what sort of code should I be looking for please?
Any assistance from a more knowledgeable person will be much appreciated!
Thanks
8th of May and no help from anyone yet
Looking at Slimbox, still trying to remove the border, but it seems to be a product of the plugin (?) No changes to css seem to alter it.
