logo area, slider and header.

hey there, 1)i would like to increase the space of the logo so the logo is not only bigger but the whole upper area with the menu. 2) i would like to have the slider to change the picture instead of text. 3) i would like to have the space of the header reduced. how do i go about these things? thank you very much.

Hi,
and I want only link (URL) to your page ....

without - I have to be fairy to tell you more.

ad 2) Change Module style in Image Show GK4 settings from default gk_startup - you have lot's of options, check one by one which is better.
and of course add images into slides .

ad 3) If depends also about what images you'll chose, but I suggest to remove "nobg" class from homepage which adding min-height:760px.

I have managed to get around some of the problems but im still having some challenges 1) i removed the Gk4 and installed a new one and its working problem is its not covering the whole header as i want it to. I have tried all the setting but though the headers are the same size they are coming out with different sizes. 2) i would like to change the color on the 'Kee features' how do i do that( the oranger hover color)

i removed the Gk4 and installed a new one

hmm ?? and ... I don't see url to say more.

2) i would like to change the color on the 'Kee features' how do i do that( the oranger hover color)

Sure help your self: http://www.gavick.com/documentation/joo ... -size-etc/

Tips:
/css/style1.css -- line 191
and if you need blue hover effect use:

Code: Select all

gkFeatures > a:hover { background: blue; }

Thank you, 1) i want each block on the key features to have different colour. the code you gave me changes all of them.
2) I have attached a picture of the header. I has black areas around it and it leaves space on the right and left side. I would for is to cover the whole area. (im working on a local network)

Ad 1) it should be easy, you have to add new class for each of them - for those blocks, example first block:

Code: Select all

<a data-delay="0" data-animation="flip" class="gkRocket loaded" href="#"><span>Rocket</span>Innovative Design</a>

change to

Code: Select all

<a data-delay="0" data-animation="flip" class="gkRocket loaded color1" href="#"><span>Rocket</span>Blue Design</a>

Now add those CSS
a.color1:hover {background: blue;}
a.color2:hover {background: red;}
a.color3:hover {background: yellow;}
into override.css - don't forget to active this option.

ad 2) Please Add screenshot and arrows etc. - I cannot image what you need.

I have attached two pictures. one there are arrows pointing to the problem the two slides are the same size but despite all my efforts they are coming out differently. i want to get rid of all the pointed on spaces, the module GK4 is set to Rockwall style. I should be filling us the whole area. How do i make it?

It looks like images have not this same width and height.
Check also:
1) Your slides and on each slide
Image stretch [ yes or no ] check both settings

2) Interface tab
Image width ... px
Image height ... px
insert good sizes of your images

3) maybe also remove "nobg" suffix

4) in Advanced tab
Generate thumbnails [Off]

check again...

If you don't have time, I suggest to use another slideshow module there are so many of them.

Hey, I want to be able to click on an item (as showen in picture screen1) the main menu, and have the page scroll down to the section (as shown on pic screen2.). that is to say when i click on works i want the page to scroll down to bottomtop section where recent works is. How do i achieve that?

Add link #bottomtop to menu -- use External URL in Menu Manager

but are sure that you published this on this section ?
By default in demo it was on "#gkBottom1"

i have tried that, it does not scroll down.

But it it make fast jump, without delay ?
It's because not all templates are build to be OnePage with nice delay effect.

no, it does not even jump. it stays the same

upsss...
strange.
Could you send me access to back-end - by PM, I will check why my magic didn't worked this time.

its on a local net work. but you can use any quick start, its not responding. i reinstalled it twice.

But you want to add link to which section ?
Those are default from our demo:

sections.png

On my Quickstart demo page (J2.5 + Startup template)
I added link to #gkBottom2 - where is on demo Recent Work block - and it worked - also with nice delay !
My menu link generated code look like this :
<a title="Recent work" id="menu650" class=" last" href="#gkBottom2" onmouseover="">Recent work</a>

I can send you link to it - if you want.

I don't know what are you doing wrong I can not check.

Another way.... it create a full backup via AkeebaBackup and send me link where I can download it ... I will check on my REAL server and you can also be online for a while.

knock knock , Joomla 2.5.19 is avaiable for 5 days.

On my page is working... you made this same mistake 3 times in Menu.
For example:
Your version "#gkbottom3"
and must be "#gkBottom3"

BIG letter difference check my last screenshot this is important -> LINK in Menu must be exactly this same as section ID name !

My bad, it works now, thank you! i need further help with the top menu i would like for it to be sticky, so that when the page scrolls it stays so as for easy navigation.

Sure , this fix will add new feature:

Code: Select all

section#gkPageTop {
 background: rgba(255, 255, 255, 0.8);
    position: fixed;
}

I added white background with small transparency effect.

How to use Custom CSS Code Tip: http://www.gavick.com/documentation/joo ... -template/

hey, thanks for the code. But it does present one small problem. the page are starting inside the top manu. is there away to make the page to start where the menu ends.thank you for your assistance.

Sure, add bigger top margin than was before. probably here:

Code: Select all

#gkPageTop + #gkPageContent #gkSidebar, #gkPageTop + #gkPageContent #gkContent {
    margin-top: 100px !important;
}

its not working, the problem is still there.

1) Problem with space ?
Please attach screenshot if you are working on localhost ... as you see it hard to support not seeing.

2) On all pages or only on home page?

ok, as show on screen one. i would like the pages to begin at number 1 instead of 2 and in screen two, i would like when i click on the main menu e.g on 1(works) instead of the [age beging at 2 to begin at 3. Because at the moment, part of the page goes hiding behind the menu.

Did you tried to increase value from 100px to 150px ?

sorry, I forgot to ask... we still talking about OnePage layout ?
If yes, it request much more customization that I expect.
So I'm not sure if this is template support anymore ... in particular that your logo is very high. Probably if you will reduce height of it .. all should be better.

thats the thing, the code you gave me is not working at all, i have even tried 200px. still nothing changes.

Yes, because you have OnePage layout and on OnePage you have all modules which are shown when you use Menu.

1) This page which you are working on is Commercial or for Private use ?
2) I can give you last free tips:
a) reduce size of logo
b) add full white background

Code: Select all

section#gkPageTop { background: #FFFFFF; position: fixed; }

b) and increase top margins for almost all modules

Code: Select all

 
.box.big .header { margin-top: 35px;}
#gkBottom4 .box.big .header,
#gkBottom2 .box.big .header  { margin-top: 0; }


If 35px will be too small for you use 50px, 100px or even 150px.

On my demo site it works fine, but I have normal (small) logo.

But remember this method works but might be bigger space area between modules.

please have a look at my code and see if there is anything im missing. the website is for training im just practising i dont have money for hosting.

Hmm, so what to do.
Maybe I can offer you a hosting for few months for free. Joomla people should help each other.
But I don't have nice domain for you, so you I offer only those which I have with ".pl" at the end.
So we have to find domain/subdomain for free check here: http://www.freenom.com/en/index.html
I can do it for you if you like... no problem. But choose name "sasha8586" or "sashaweb" or "sasha2014" or other free?

When we will finish you can back to localhost. What do you think about it ?

i wrote you a private message a few days ago. did you get it?

sorry I was ill for almost 3 days, I was working less than 20% of standard power...
I will check tomorrow morning, I promise

thank you, and i hope you get better soon.

check PM full access

Did you get my PM? please respond.

yes since last two days I have got too many e-mail from users and current posts - I'm only one or what ?
Now I'm checking yours...

Ok, done... I have added few new lines of css, now it works much better,
I have also reduce logo size a little bit - because was too big in my opinion .