ultracy
Jr. Member
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
Posts: 69
|
|
« Reply #1 on: March 29, 2012, 03:23:44 AM » |
|
Please see preview at the bottom
|
|
|
Logged
|
|
|
|
ultracy
Jr. Member
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
|
|
« 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
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.comNot 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
|
|
« 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
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
|
|
« 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
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
|
|
« 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
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
|
|
« 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
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
|
|
« 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
|
|
|
|