WordPress.org

1. AndyC01
   Member
   Posted 1 year ago #

   WP version 3.1
   I have an issue with NextGen, WP eStore and my Photocrati theme.

   When I use the default WP theme, everything works well and looks ok.

   When I activate the Photocrati Theme my normal NextGen gallery they look ok too.

   HOWEVER, when I activate the WP eStore as well, all the thumbnails stack in a diagonal line across the page.

   Someone on another forum suggested I add the following CustomCSS.

   ngg-gallery-thumbnail-box {
   float: center;
   width: 160px;
   height: 200px;
   }

   .ngg-gallery-thumbnail-box span {
   display: block;
   clear: both;
   text-align: left;
   }

   This causes all the thumbnails to stack in a single column along the left side of the page. What is going on?

   Any suggestions please?

2. AndyC01
   Member
   Posted 1 year ago #

   I have found a solution.

3. stylin
   Member
   Posted 1 year ago #

   Hi Andy
   Could you please post your solution as I am having the same problem.
   I have photocrati theme and have integrated wp estore and nextgen gallery but am getting thumbnails in diagonal line. I tried the custom css you posted above and it didnt do anything.
   Could you share your solution please as it's driving me crazy.
   thanks

4. AndyC01
   Member
   Posted 1 year ago #

   Hi stylin. I recall this causing me a lot of heartache and although I came up with a solution I remember it being more trial and error than really knowing what I was doing. My custom css is below. I have chosen the following widths and heights as they are specific to our site. http://www.kathleenswalling.com

   You may want to play around with the numbers to get it right for what you want. Good Luck.

   .ngg-gallery-thumbnail-box {
   float: left;
   width: 285px;
   height: 165px;
   }
   .ngg-gallery-thumbnail-box span {
   display: block;
   clear: both;
   text-align: left;
   }
   .ngg-gallery-thumbnail img {
   background-color:#FFFFFF;
   border:1px solid #A9A9A9;
   display:block;
   margin:2px 0px 2px 3px;
   padding:0px;
   position:relative;
   }

5. SlickVicENT
   Member
   Posted 7 months ago #

   Did anyone use this solution other than Andy and it worked for them??

Topic Closed

This topic has been closed to new replies.