Logo space bigger

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
Tue Jun 17, 2014 10:35 pm
Reply with quote
Report this post
Hi,

I would like to know how to "expand" the logo position, I would like to make the space bigger to put a big logo.

Same thing when I srcool and the menu appear with the logo, I would like a bigger space.

Thank you.
User avatar
Expert Boarder

GK User
Wed Jun 18, 2014 8:44 am
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Wed Jun 18, 2014 6:54 pm
Reply with quote
Report this post
User avatar
Expert Boarder

GK User
Thu Jun 19, 2014 10:03 am
Reply with quote
Report this post
Currently you are using text logo. To increase its width/height on top of the page Please edit: /templates/gk_john_s/css/override.css and add at its end:
Code: Select all
#gkLogo.text > span {
font-size: 56px;
line-height: 45px;
}


Please modify the numbers to suit your needs.

To modify logo in sticky header, use this code:
Code: Select all
#gkLogoSmall.text > span {
font-size: 25px;
line-height: 39px;
}


Now to increase entire sticky header height, use this code:
Code: Select all
#gkTop, #gkTop > div {
height: 52px;
}


Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Thu Jun 19, 2014 6:02 pm
Reply with quote
Report this post
HI,

If it was a "image logo" which code should use.

Thank you.
User avatar
Expert Boarder

GK User
Sun Jun 22, 2014 7:29 am
Reply with quote
Report this post
Please change your logo type to an image logo, then I'll provide correct override to make it bigger.
User avatar
Moderator

GK User
Thu Jun 26, 2014 9:31 pm
Reply with quote
Report this post
User avatar
Expert Boarder

GK User
Sat Jun 28, 2014 11:12 am
Reply with quote
Report this post
Hello,

Please open file css/template.css and please replace:

Code: Select all
#gkHeader #gkLogo {
left: 14%;
position: absolute;
top: 90px;
z-index: 1;
}


to:

Code: Select all
#gkHeader #gkLogo {
left: 14%;
position: absolute;
top: 32px;
width: 200px;
z-index: 1;
}
User avatar
Administrator

GK User
Tue Jul 22, 2014 5:48 pm
Reply with quote
Report this post
Hi there
I am trying to change the logo but in versions of tablets and phones, the logo retains its original size. It does not fit.

I installed it on my LocalServer the QuickStart.

Someone can help me?
User avatar
Fresh Boarder

GK User
Wed Jul 23, 2014 6:43 am
Reply with quote
Report this post
You can always override the logo size in the tablet.css file.
User avatar
Administrator


cron