Forum Support

Shape 5
March 19, 2024, 05:33:32 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Image Slide Preview Box got empty Extra Box  (Read 888 times)
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« on: March 29, 2012, 03:22:41 AM »

Hi guys,

i have installed image slide but on the website it shows an extra empty box on the thumbnail. please advise if you have any solution to remove the empty box. thank you
Logged
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #1 on: March 29, 2012, 03:23:44 AM »

Please see preview at the bottom
Logged
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #2 on: March 29, 2012, 03:24:38 AM »

below is the setting but i also dont see the arrow or play/pause button

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: March 29, 2012, 01:32:40 PM »

Navigation arrows are the "arrow"  and stop and play buttons are the  "play/pause button"
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #4 on: March 31, 2012, 11:19:32 AM »

Hi Jonahh and mikek,  there is an extra box at the thumbnail which does show any thumbnail or does any function.  Pls visit www.aceperipherals.com

Not only the extra box in thumbnail but within the thumbnail, not all area can be clicked.  It is like out of alignment

Thought i have set show in arrow and play\pause, it is not appearing in the image slide.

Please advise
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: April 02, 2012, 01:53:07 PM »

Its because padding is off so the last box empty is actually not extra but just pushed over so far its there.  I would just remove the border here:

#s5_if_thumbsouter .s5_if_thumbs div, #s5_if_thumbs_handlesout span {
    border:1px solid #CCCCCC;

style.css (line 62
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #6 on: April 02, 2012, 04:40:18 PM »

Hi Jonahh,

i have remove the below but it left one thumbnail. please advise how to have back all the thumbnails and removing the padding instead.

#s5_if_thumbsouter .s5_if_thumbs div, #s5_if_thumbs_handlesout span {
   border:1px solid #cccccc;
   cursor:pointer;
   display:block;
   float:left;
   height:39px;
   margin:0px 7px 0px 3px;
   width:56px;
   }
« Last Edit: April 02, 2012, 05:21:04 PM by ultracy » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: April 03, 2012, 07:17:09 PM »

Dont remove this entire chunk of CSS,  just remove the "border:1px solid #cccccc;"
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #8 on: April 04, 2012, 04:10:15 AM »

Hi Jonahh, remove didnt work, instead i changed it to 0px, however in the boxes, it the alignment of clicking is not correct. it might be caused by the padding. how do i resolve that? cheers
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: April 04, 2012, 12:45:24 PM »

Hello,

#s5_if_thumbsouter .s5_if_thumbs div, #s5_if_thumbs_handlesout span {
    border:0 solid #CCCCCC;
    cursor:pointer;
    display:block;
    float:left;
    height:39px;
    margin:0 0 0 0;
    width:56px;
}
style.css (line 62

change above to margin 0 as I have done.

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #10 on: April 05, 2012, 09:10:23 PM »

ok great how do i align it to right instead of some padding?

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #11 on: April 06, 2012, 01:20:08 PM »

Hello,

Open up the module folder for this module and look for tmpl/default.php. 

Look for the DIV with id of "s5_if_thumbsouter" and change margin left to below.  It will most likely have some php code currently setting the margin, change to static width of below:

margin-left:235px;
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ultracy
Jr. Member
**
Offline Offline

Posts: 69



« Reply #12 on: April 14, 2012, 05:37:05 AM »

Hi Jonahh,

kind of long and there are two of it (margin-left), see below, which should i change?

   <div <?php if ($versionstyle == "2") { ?>id="s5_if_thumbsouter"<?php } ?> <?php if ($versionstyle == "1") { ?>id="s5_if_thumbsouter2"<?php } ?> style="width:<?php echo ($totalwidth) * 70;?>px;display:<?php echo $s5_thumbnailhide;?>;margin-top:<?php echo ($height) - 65;?>px;<?php if ($versionstyle == "2") { ?>margin-left:<?php echo ($width) - ((($totalwidth) * 70) + 19);?>px;<?php } ?><?php if ($versionstyle == "1") { ?>margin-left:<?php echo ($width) - ((($totalwidth) * 70) - 239);?>px;<?php } ?><?php if ($versionstyle == "1") { ?>margin-top: -13px;<?php } ?>">
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #13 on: April 16, 2012, 06:47:22 PM »

There are 2 because of the 2 versions, module and image mode.  You can change both actually, I believe versionstyle 1 is the image mode that you are using, so the second one is probably the one to change.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.