How to change the frontpage header img height

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Mar 14, 2013 8:59 pm
Reply with quote
Report this post
Dear Gavick pro-team. Thanks again for your great templates. Love them. I not sure this is the right place to post my questions...
#1 How do I change the height of the frontpage header image? I have this image I want to use 1920x400px.
I tried to overwrite with my own image but that did not solve the case.

#2 I want my last four news/blog entries showing in a row on the frontpage like this: https://www.gavick.com/images/extension ... panel1.png but without the news below without images. I seems they are the same news twice?

#3 How to replace the logo with my own. For all devices mobile, tablet e.g.

Here is my test site located http://knuthubred.priv.no/velle/

Thanks.
Regards
Knut
User avatar
Fresh Boarder

teitbite
Sat Mar 16, 2013 6:27 pm
Reply with quote
Report this post
Hi

#3. Please simply replace the file: http://knuthubred.priv.no/velle/templat ... normal.png

#2. Screen has 4 NSP modules with links shown in bottom position. What You require can just be accomplished with a one NSP copy set to show articles in 4 columns. Here You will find instructions how to configure it: https://www.gavick.com/documentation/jo ... pro-gk4-2/

#1. You can use any image size here and than change the size of the box by reducing margins in this css class:

Code: Select all
.imageBg #gkHeaderMod {
    padding: 180px 0 130px;
}
User avatar
Moderator

GK User
Tue Mar 19, 2013 6:36 pm
Reply with quote
Report this post
Hi and thanks for your quick response! Really appreciate it.

I could not find the line in template.css or style1.css for adjusting the header height? Any sugguestions? ref. #1.

Thanks!

Knut
User avatar
Fresh Boarder

teitbite
Wed Mar 20, 2013 1:17 pm
Reply with quote
Report this post
Hi

Please use override.css file, but remember to check if override is enabled in template folder.
User avatar
Moderator

GK User
Tue Apr 09, 2013 10:40 pm
Reply with quote
Report this post
I was interested in accomplishing this task for my new site as well. I wanted to reduce the height of the header image to make the Everything you need to know block at least partially visible on a mid size desk top screen.

I reduced the height and adjusted the padding to 80px from 130px following the instructions below. Now, I would like to move the "Everything you need to know area" up a bit to eliminate what is about 1.5 inches of white space between the header and those words. How can I do that, please?

Thanks in advance.
User avatar
Fresh Boarder

teitbite
Thu Apr 11, 2013 6:58 am
Reply with quote
Report this post
Hi

Please show me Your site.
User avatar
Moderator


cron