Issue & 2 Questions on Header Scrolling Images

Hi,
I have an issue with the scrolling images in the header and also 2 questions to do with the header.

The website in question is www.homebeacons.co.uk

First the issue.
The 3rd image drops down for some reason. The first 2 are fine and then the third drops about 20 pixels so it looks messy. All the images are the same size and this happens to every 3rd image, regardless of what it is.

Secondly, my 1st question.
Is it possible to have 4 images in the scroll? I tried to just add the 4th into the custom code but the 4th image appeared underneath the first image. It would be great to have a 4th image if possible.

Thirdly, my 2nd question. Is it possible to scroll the images in the order of 1-2-3-1-2-3 as opposed to 1-2-3-2-1-2-3?

Thanks a million,
Rupert

Hi there,

I resolved my 1st question from above.
My issue still remains (now with the 4th image in the set) and also my question about scrolling.

I have a couple of extra questions now...(sorry)

Can I change the speed the images scroll?
Also, I have now made the Logo the size I want it but it is overlapping with the Header Module text. Can you help me shift the text down a little?

Thanks very much!!

Rupert

Since I have fixed a couple of the quesiotn myself it's probably best I update this thread to consilidate my issue and questions. Thanks..

The website in question is www.homebeacons.co.uk

Firstly my issue:
The 4th image drops down for some reason. The first 3 are fine and then the third drops about 20 pixels so it looks messy. All the images are the same size and this happens to every 4th image, regardless of what it is.

And my outstanding question are:
Question 1 : Can I change the speed the images scroll?
Question 2 : Is it possible to scroll the images in the order of 1-2-3-4-1-2-3-4 as opposed to 1-2-3-4-3-2-1-2-3?
Question 3 : Since I am not using the menu is it possible to remove some of the header space at the top since it looks a lot like dead space at the moment.

Thanks very much for any pointers.

Rupert

Hi

Please send me an access to joomla panel so I'll check why it's dropped.

1. Change the values like 0.4s in the custom code of this module.
2. I'm afraid not without complete recoding of the script, unfortunately we do not support that.
3. You can change the padding of this module with this code:

Code: Select all

.custom.gk-header1 {
    padding-top: 214px;
}


Hi

Thanks for access, but honestly I have no idea why it's falling down. I've used this code to put thei one image higher:

Code: Select all

.gk-header1 .gk-tablet[data-slides="4"] img:nth-child(4) {
    margin-top: -27px;
}


I hope it will work.

That's great. Thanks so much for that. It works great!!

Hi

It's not best solution, but I'm afraid I have no other idea in this case

Well I have no idea what the best solution could be, but this one works perfectly!

Thanks again