how to remove the unnecessary white space?

1) after removing Frontpage Featured article I got block of white which is connected to


Code: Select all

#gkPageContent {
   background: #fff;
   padding: 60px 50px 0 50px;


I can remove it by changing the padding but i need that space for other pages


2)I used GK Image Show for slideshow at header position but things got real messed up on mobile view, can you help me.(i am thinking best approach is to hide caption css for mobile let me know if you have a better after-all you are the creator

Code: Select all

.gkIsWrapper-gk_shop_and_buy .active .figcaption {
   margin-left: 0px;
}



3)when you hover on login module it becomes white, I could not find the CSS to change it or just lack of knowledge and Same with Menu-child hover(white).

4)How did you guys missed Search for such a Wonderful template? actually most of the templates does not have search(such a shame). Maybe in future you should have a look.
Your advice will be appreciated for keeping the search module as so that it looks left to the login on Mobile

Thanks for your great work and btw for some reason I could not comment on your FB page(username anirudhmerugu) can you takecare of that too please

Hi

Please tell me the url to Your site.

Hi

Please tell me the url to Your site.

thought you are clever enough to get it from Screenshots, anyway its http://www.travcom.org.nz

Hi

You are right, I should have noticed that I'm guessing too much work is not good for me ;/

1. Please add a page class suffix "home" to page with id 101 in template configuration than add this to css:

Code: Select all

.home #gkPageContent {
    padding: 0;
}


2. I think that hiding it is the best option as well.

3. Add this code to css:

Code: Select all

#gkUserArea a:focus,
#gkUserArea a:hover,
#gkUserArea a:active,
#gkMainMenu .gkMenu > ul li div.childcontent a:focus,
#gkMainMenu .gkMenu > ul li div.childcontent a:hover,
#gkMainMenu .gkMenu > ul li div.childcontent a:active {
    color: #000000;
}


4. You can publish search module in any module position available http://demo.gavick.com/joomla25/msocial ... -positions

1) how to add a page class suffix "home" to page with id 101 in template configuration? (Sorry! I am new to Web World)
2)the header is smaller than header button in Mobile
3)Thanks I got it already, IE-11 can inspect CSS way better than Chrome, Surprised!
4)Thanks for the tip

Hi

1. Please check what ID homepage has. I just assumed it's 101 as in our demo. Probably this suffix needs to be added to a different ID.

2. I do not understand, can You please explain it ?

Hi I have the same problem. Can you write again exactly what and where the code must be pasted exactly. So in Templet.css? How do I change the ID in the Templetkonfiguration? Thank you. Ilona

1)I hope I have done everything right but still no use... Sorry for that...I am attaching the proof anyway




2) If you examine the header is smaller than header bottom and I have no idea whats happening with captions..

Hi

1. I'm not sure why, but the page class suffix is not added to the site, anyway I've just noticed that there is another one there already, so lets use it instead. Please add any css modifications to override.css file and remember to allow using of override in template settings:

Code: Select all

body.frontpage #gkPageContent {
    padding: 0;
}


2. The height of header depends from the size of the image, but I can help with caption fix. Please use this code:

Code: Select all

.gkIsWrapper-gk_shop_and_buy .figcaption {
    bottom: 0;
    top: auto;
}

.gkIsWrapper-gk_shop_and_buy .figcaption h3 {
    font-size: 11px;
    line-height: 13px;
    padding: 3px 0;
}


this time please add this to mobile.css since it should only affect this layout.

Huston! Debris is cleared, now i can see clear sky... but I need one more thing which is a little arrow mark for all the menu items which have child elements, most of your templates lacking this....

Hi

Please add this code to css:

Code: Select all

#gkMainMenu .gkMenu > ul > li.haschild {
padding-left: 20px;
background: url(URL_TO_ARROW_IMAGE) no-repeat left center transparent;
}