You need to modify lazy-gallery.css.
This is what is in lazy-style.css:
#gallery .image img {
border: 1px solid #a9a9a9;
margin: 6px 6px 6px 6px;
padding: 2px;
}
This is what is in your theme for an img:
.img {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 4px;
}
Add the background-color property and change the border color. I think this should do it.
Thread Starter
nay-k
(@nay-k)
I changed my lazy-gallery.css like this:
#gallery {
width: 520px;
position: relative;
padding-left: 15px;
}
.al-left{
float:left;
width: 520px;
padding-left: 15px;
}
.al-right{
float:right;
width: 520px;
padding-right: 15px;
}
#gallery .image {
padding-top:15px;
text-align: center;
}
#gallery .image img {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 4px;
}
#gallery .image img:hover, .image img:focus {
background-color: #a9a9a9;
}
#gallery .imgdata {
width: 520px;
padding-left: 15px;
border: 1px solid #a9a9a9;
margin: 6px 0px 6px 0px;
padding: 4px;
}
#gallery #nav {
width: 520px;
border: 1px solid #a9a9a9;
margin: 6px 0px 6px 0px;
padding: 4px 4px 0px 4px;
height: 18px;
}
#gallery #nav .alignleft {
float: left;
}
#gallery #nav .alignright {
float: right;
}
#gallery .folders {
margin: 6px 0px 6px 0px;
padding-left: 15px;
width: 500px;
}
but nothing changes???
I tried that too and it also didn’t work. Sorry, I am not good at CSS yet. Perhaps someone else will comment.
Is lazy-gallery still being developed? Haven’t seen much activity on the author’s site.
It looks like others have hacked it. I am using KeyTwo’s version.
Thread Starter
nay-k
(@nay-k)
i am using the keytwo version too