Jomasher

For the second problem:

img

Why the Products Widget has not the same style of the “Recently viewed products”?
In the previous version everything worked fine.

I have the same problem too: the category widget shows all the subcategories, no matter which option you choose in the category widget settings. The previous version worked so well, why change it?

I noticed that the “Recently Viewed Products” Widget works correctly with the thin image border and the title of the product in uppercase and all in the same lines (and not divided as is now in the “Products” widget). Maybe there’s a ploblem in the code of the css class or of the php page of the widget.

I also changed the width to 48% in this class

.lb-prev, .lb-next {
width: 48%;
height: 100%;
cursor: pointer;
/* Trick IE into showing hover */
display: block;
}

because the right arrow was sliding 1-2 pixel on the right when the mouse hover: now it remains fixed (as the left one).

I think I solved the problems: in the lightbox css I modified these classes:

Images width&height:

.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: auto;
height: auto;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

duplicated arrows:

.lb-prev {
left: 0;
float: left;
background: url(../img/prev.png) left 48% no-repeat;
opacity:0;
}
.lb-prev:hover {
opacity:1;
}

.lb-next {
right: 0;
float: right;
background: url(../img/next.png) right 48% no-repeat;
opacity:0;
}
.lb-next:hover {
opacity: 1;
}

So, now when I click on the image, I don’t see the arrows. But when I move the mouse on the right or on the left side of the image, the arrow appears.

I tested both on Chrome and Firefox and everything works! I hope these settings could be useful for you or for others could have similar problems.

p.s.
Now the lightbox check works!

I saw the https://sandbox.sealsystems.net/asa and I’m still seeing the images strechted when you click on them.
These are my installed plugins on my local wordpress installation (the site is still under construction):
– Broken Link Checker v1.9.2
– Contact Form 7 v3.7
– Light – Responsive LightBox v1.1 (disabled but requested by the theme)
– My Page Order v3.3.2
– Regenerate Thumbnails v2.2.4
– TinyMCE and TinyMCE Advanced Professsional Formats and Styles v1.1.1
– Transposh Translation fFlter v0.9.5
– WordPress SEO v1.4.24
– WP-PageNavi v2.85
– WP Maintenance Mode v1.8.11

and other disabled plugins I’m not using using.
I also tried to disable all the plugins, but the problems remains. So I think it’s the Hueman theme has conflict with the plugin.

I tried with other themes and everything works fine: I have no problems with the image size and the arrows (I see only one left and one right).
In the hueman theme, i correct width and height of lb-outerContainer class in lightbox.css to auto and now I can see the images in the correct sizes.
I am trying to modify the css following the settings I found on https://github.com/lokesh/lightbox2/pull/33/files#diff-a7c9a82c35b279523018350cf96dfc42R94 to see if I can correct the arrows duplication.

And I’m using Hueman theme.

I’m using 6.5.2

I already tried this unthick the option but, when I save the settings and the page reloads, the option is still thicked.
I found a way to resolve the stretched image on overlay: I changed the width of .lb-outerContainer class on lightbox css (changed to 800px) and now it works.
But there are two other problems:
– the plugin has a conflict with wordpress since the edit bar (and all the buttons on visual mode) on post/pages disappear.
– on image overlay mode, when I move the cursor from left to right (and viceversa) the left and right arrow are repeated vertically and horizontally covering almost half the image for 1-2 seconds: I don’t see only one left arrow and one right arrow, but just for some seconds I see many arrows repeated.