add the width and hight of logo
December 2010 Joomla Templates
- GK User
- Sun Feb 10, 2013 10:02 pm
hi admin, how can I add the width and hight of logo in gk_penguinmail templates? I've change on gk.stuff.css but nothing happen. If me modify using firebug it've change. Pleace give me suggest
-
- Fresh Boarder
- Konrad M
- Mon Feb 11, 2013 7:54 am
Hi,
can you give me url to your website? It will be much easier to help you.
can you give me url to your website? It will be much easier to help you.
- GK User
- Mon Feb 11, 2013 7:59 am
Please add this code to override.css file in root/templates/gk_template_name/css directory :
and then just remember to enable "Use override CSS" option in template advanced settings tab. Of course '00' value change to your custom width/height.
- Code: Select all
h1#gkLogo a.cssLogo {
width: 00px !important;
height: 00px !important;
}
and then just remember to enable "Use override CSS" option in template advanced settings tab. Of course '00' value change to your custom width/height.
-
- Platinum Boarder
- GK User
- Tue Feb 12, 2013 3:09 am
Dear Mr. Konrad M & Mr. bkrztuk, Sorry for my bad English
I mean not add but increase the width and height in gk_penguinmail templates? I have modified the css in template.css (in folder gk_penguinmail/css), but nothing happen after I have change the number, the script like this :
/* Logo */
#gkLogo {
height: 100px;
margin: 35px 0 0;
line-height: 100%;
}
#gkLogo.text a,#gkLogo.text .gkLogoSlogan {
color: #fff;
font: normal 30px "Comic Sans MS", cursive;
font-style: italic;
display: block;
}
#gkLogo.text .gkLogoSlogan {
font-size: 12px;
}
#gkLogo a {
display: block;
height: 100px;
margin: 0;
width: 300px;
}
#gkLogo.text a {
text-indent: 0 !important;
background: none !important;
}
h1#gkLogo a img {
display: block;
height: 100px;
margin: 0;
max-width: 300px;
top: 0;
left: 0;
}
h1#gkLogo a.cssLogo {
background: url('../images/logo.png') no-repeat 0 0;
display: block;
height: 100px;
margin: 0;
text-indent: -999em;
max-width: 300px;
top: 0;
left: 0;
z-index: 1001;
}
I mean not add but increase the width and height in gk_penguinmail templates? I have modified the css in template.css (in folder gk_penguinmail/css), but nothing happen after I have change the number, the script like this :
/* Logo */
#gkLogo {
height: 100px;
margin: 35px 0 0;
line-height: 100%;
}
#gkLogo.text a,#gkLogo.text .gkLogoSlogan {
color: #fff;
font: normal 30px "Comic Sans MS", cursive;
font-style: italic;
display: block;
}
#gkLogo.text .gkLogoSlogan {
font-size: 12px;
}
#gkLogo a {
display: block;
height: 100px;
margin: 0;
width: 300px;
}
#gkLogo.text a {
text-indent: 0 !important;
background: none !important;
}
h1#gkLogo a img {
display: block;
height: 100px;
margin: 0;
max-width: 300px;
top: 0;
left: 0;
}
h1#gkLogo a.cssLogo {
background: url('../images/logo.png') no-repeat 0 0;
display: block;
height: 100px;
margin: 0;
text-indent: -999em;
max-width: 300px;
top: 0;
left: 0;
z-index: 1001;
}
-
- Fresh Boarder
- GK User
- Tue Feb 12, 2013 10:17 am
Please just copy + modify code that I've inserted to override.css and enable use override css option in template settings, then just let me know and post your site URL - I'll check code via firebug.
-
- Platinum Boarder
- GK User
- Tue Feb 12, 2013 1:32 pm
bkrztuk wrote:Please just copy + modify code that I've inserted to override.css and enable use override css option in template settings, then just let me know and post your site URL - I'll check code via firebug.
Thanks Mr. Bkrztuk, it's work like a charm
I still desain in localhost, later will use in http://disdik-keerom.org/
thanks for your very good support.
-
- Fresh Boarder
6 posts
• Page 1 of 1