changing logo width

GK User
Wed Dec 01, 2010 9:18 pm
hello,

im trying to change the logo width in the css from the default 294px to 326px but when it i change it the tabs become affected. i am changing the width in this line of code;

h1.logo { background:transparent url('../images/logo.png') no-repeat 0 0; float:left; height:86px; margin:54px 0 0 0; padding:0; width:px; }

is that the line i should be editing?
User avatar
Senior Boarder

GK User
Wed Dec 01, 2010 10:09 pm
hi . welcome to gavick... can i please see your www...

i would enable override.css from the template manager - this way you will not loose any changes when updates comes...

i would add code
Code: Select all
h1.logo { width:326px }
User avatar
Platinum Boarder

GK User
Thu Dec 02, 2010 12:13 am
thx for the quick reply. so i should just add that code in the override.css?

http://dardoselectronicos.com/
User avatar
Senior Boarder

GK User
Thu Dec 02, 2010 8:40 am
yes...

just noticed you need a !important afterwoods...

Code: Select all
h1.logo { width:326px!important }
User avatar
Platinum Boarder

GK User
Thu Dec 02, 2010 9:16 am
sorry i am new at this, dont know what i am doing wrong. im putting this in..

Code: Select all
/*
#------------------------------------------------------------------------
# Sporter - September 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]   
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
/* h1.logo { width:326px!important } */
/*
User avatar
Senior Boarder

GK User
Thu Dec 02, 2010 9:18 am
remove the /* and */ around the h1.logo...

if you have that you comment it out, and it will see it as text, not code...

Code: Select all
/*
#------------------------------------------------------------------------
# Sporter - September 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]   
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

h1.logo { width:326px!important }
User avatar
Platinum Boarder

GK User
Thu Dec 02, 2010 9:35 am
it worked!! thank u so much. great help. by the way evertime i make a change i have to paste the copyright stuff in the code??

thx again
User avatar
Senior Boarder

GK User
Thu Dec 02, 2010 9:41 am
no, the copyright should only be there in the top 1 time...
User avatar
Platinum Boarder


cron