Changing the logo and menu position

GK User
Sat Jul 06, 2013 11:24 pm
I would like to make a few changes in the template penguinMail. I have tried alone for a few days to do it but no sucess.

My goal:
1 Change the background gkBg - the graphics - this is possible by using the override
2 Move menu to the right
3 placing the logo on the left of the menu.
User avatar
Fresh Boarder

GK User
Sun Jul 07, 2013 10:33 am
Hi,
BACKGROUND IMAGE
If you're using style1 - you can upload your own image here
templates/gk_penguinmail/images/style1/glow.jpg

LOGO & MENU
You have to check this file: gk_penguinmail\layouts\blocks\nav.php

You start with this:
Code: Select all
#gkPageTop {width:80%;float:right;}
h1#gkLogo {margin-top:0px;width: 20%;}

User avatar
Platinum Boarder

GK User
Sun Jul 07, 2013 12:48 pm
User avatar
Platinum Boarder

GK User
Sun Jul 07, 2013 12:55 pm
Hi Pawel,
thanks for the quick reply. Your advice works, but ....

When doing tests using Firebug everything appears as I want. after making changes to the css changes will not happen unfortunately.

I made ​​changes in the css style 1 When we choose to change menu style blue is ok but when I clicked on returning home, all your settings back to the starting point. (default style = blue).

what to do about?
User avatar
Fresh Boarder

GK User
Sun Jul 07, 2013 1:03 pm
Try to add CSS where I suggest or add "!important" at the end.
User avatar
Platinum Boarder

GK User
Sun Jul 07, 2013 1:18 pm
Remember to Disable CSS compression in Template settings, & clear CMS cache
css.png


then you will see it on all sub pages
gk_penguinmail.png


then when it will works you can enable CSS compression again
User avatar
Platinum Boarder

GK User
Sun Jul 07, 2013 3:14 pm
Great,
Everything works ok.
befor I have edited override.css file and could not see the effects. After entering the parameters in the "Custom CSS code" is ok.
Many thanks for your help. :D
User avatar
Fresh Boarder

GK User
Tue Jul 09, 2013 9:46 pm
Because of your new problem connected with slideshow height
I had to add third line of CSS

Code: Select all
.tabHeader { margin-top:5px;}


Now it works perfecto :mrgreen:
User avatar
Platinum Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.