SOLVED Logo height and width
-
-
- msilac
- Sr. Rocketeer
- Posts: 203
- Thanks: 0
-
How to make area for logo Heigher? I have no idea what I do to make logo bigger. I was trying in light2.css change size of logo... but that just call rest of light2.png picture. What to change?
Thank you for help - Last Edit: 15 years 1 month ago by msilac.
- from city of colors
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
-
Open your light2.css at:
<Joomla Root>/templates/<your template name>/css/light2.css
Find below codes:#logo {width:288px;height:54px;background:url(../images/light2.png) 0 -272px no-repeat;display:block;margin:20px 15px;}
You need to change the logo size actually, and then change the width:288px;height:54px; to the actual logo size
To increase the header height, you can increase the 20px value on margin:20px 15px;
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
- Can you provide a link to your site
- Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- msilac
- Sr. Rocketeer
- Posts: 203
- Thanks: 0
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
-
Increase in height value here accordingly:
#logo {light2.css (line 55) background:transparent url(../images/light2.png) no-repeat scroll 0 -272px; display:block; height:54px; >>>> increase margin:40px 35px; width:288px; } - Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
-
You can change this:
#logo {light2.css (line 55) background:transparent url(../images/light2.png) no-repeat scroll 0 -272px; display:block; height:125px; margin:40px 35px; width:900px; }
to
#logo {light2.css (line 55) background:transparent url(../images/logo.png) no-repeat scroll 0 0; display:block; height:125px; margin:40px 35px; width:900px; }
and change image path accordingly - Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
Time to create page: 0.048 seconds