Hi ive tried searching for infomation but i cant find a tutorial to sort this out.
Heres the page in question: http://consolesalesrepairs.co.uk/index. ... path=59_61
Basicaly Im using a banner with more than one image so that it automatically transitions between the banners.
(The Banner Is the one on the left)
However when they are loading the second banner overflows underneath. I know i need to hide the overflow but I have no idea how to as i dont know much about editing the files. I dont even know which file to edit.
I could follow a tutorial but i cant find one.
If anyone could let me know how to do this that would be great. But please try to give me the instructions in lay mans terms!
Thanks!
Hi Jacob24,
try adding this to your theme CSS file
CSS file in question is here
catalog/view/theme/default/stylesheet/stylesheet.css
Just paste those 3 lines to the end of the file.
Let us know if that helped, or if you have any more questions.
try adding this to your theme CSS file
Code: Select all
#banner0 {
overflow: hidden;
}catalog/view/theme/default/stylesheet/stylesheet.css
Just paste those 3 lines to the end of the file.
Let us know if that helped, or if you have any more questions.
Put
instead
Also, did you revert the change as I don't see the above css in your stylesheet
Code: Select all
#banner0 {
height: 205px;
overflow: hidden;
position: relative
}Also, did you revert the change as I don't see the above css in your stylesheet
Thank you guys, Got it working and it looks much better now.
Just one more question regarding the banner. The banner fades in and out of the banners but after a little while it stops switching between the two banners. I know their is some file i can change the time that the banners run for. Does anyone know where that file would be? and does anyone know how to make it run indefinatley?
Thanks for all your help guys.
Jacob
Just one more question regarding the banner. The banner fades in and out of the banners but after a little while it stops switching between the two banners. I know their is some file i can change the time that the banners run for. Does anyone know where that file would be? and does anyone know how to make it run indefinatley?
Thanks for all your help guys.
Jacob
After the banner there is this JavaScript code
It doesn't have any stops defined, just timeout of 2 seconds (2000ms) between the slides.
I let it run for about 10 minutes and it was looping just fine.
This script is either in
catalog/view/theme/default/template/module/banner.tpl
or
catalog/view/theme/default/template/common/column_left.tpl
Which browser are you testing with?
Code: Select all
<script type="text/javascript"><!--
var banner = function() {
$('#banner0').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//--></script>
I let it run for about 10 minutes and it was looping just fine.
This script is either in
catalog/view/theme/default/template/module/banner.tpl
or
catalog/view/theme/default/template/common/column_left.tpl
Which browser are you testing with?
)Im using firefox. I left it running and it carried on cycling, however when i went to a different tab and cam back to the page abit later the banner had stopped cycling.
Its not really a problem but i was wandering if their was a fix for it.
Its not really a problem but i was wandering if their was a fix for it.
Who is online
Users browsing this forum: Majestic-12 [Bot] and 16 guests
