The Joomla! Forum ™

Download

Demo


Board index » Joomla! 2.5 - Ask Support Questions Here » Templates for Joomla! 2.5 » Default template: Beez 20 in Joomla! 2.5

Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 
  Print view Previous topic | Next topic 
Author Message
ereselling
 Post subject: Removing Header Space
PostPosted: Wed May 18, 2011 1:49 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed May 18, 2011 1:45 am
Posts: 8
I usually try and figure these things out on my own but I am about to rip out my hair, I have tried to modify all the CSS's I could to remove the white space between my logo on the top of the webpage and between the menu buttons. The site is ereselling.com and I would love to know how to get rid of all that extra space. Thanks so much for any advice!
Top
 Profile  
 
imanickam
PostPosted: Wed May 18, 2011 1:58 am 
User avatar
Joomla! Master
Joomla! Master
Online

Joined: Wed Aug 13, 2008 2:57 am
Posts: 20421
Location: Chennai, India
You could edit the following css entry that is available in the file personal.css that is available in the directory /templates/beez_20/css. You have to comment the attribute top:5em; or remove it.
Code:
#header ul.menu
{


   /* top:62px; */
   top:5em;
/* was top:5em; */
   padding: 0px 0px 0px 0 ;
   background:#e0e0e0  url(../images/personal/ecke.gif) top left repeat-x ;
   border:0 ;
   text-align:left;
   left:0px;
    display:block;
    margin:0px 10px 0 10px;
    border-top:solid 1px #ddd;

}

Note: Make a copy of the file before editing it.

_________________
- Ilagnayeru (MIG) Manickam
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged
Top
 Profile  
 
ereselling
PostPosted: Wed May 18, 2011 2:27 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed May 18, 2011 1:45 am
Posts: 8
Thank you so much! I had been playing with everything in that file, I even edited that line a few times as you can see I commented the original value.

Is there another line I need to comment out to push the logo to the top of the page and remove that extra white space? again, thanks for your original help your a lifesaver.
Top
 Profile  
 
imanickam
PostPosted: Wed May 18, 2011 2:56 am 
User avatar
Joomla! Master
Joomla! Master
Online

Joined: Wed Aug 13, 2008 2:57 am
Posts: 20421
Location: Chennai, India
Review the following css entry - you have to reduce the padding (especially the top one which is 0.9em):

h1#logo
{
font-family: 'Titillium Maps', Arial;
padding:0.9em 20px 20px 10px;
/* old padding:0.9em 20px 20px 10px; */
text-transform:uppercase;
font-weight:normal;
margin-top:0;
}

Also, you may have to edit your image file to remove the extra spaces all around or at least on the top.

_________________
- Ilagnayeru (MIG) Manickam
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged
Top
 Profile  
 
ereselling
PostPosted: Wed May 18, 2011 3:44 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed May 18, 2011 1:45 am
Posts: 8
THANK YOU SOOOOOOOOOOOO MUCH - I really appreciate all of your help and your responses were super quick!
Top
 Profile  
 
elgaxton
PostPosted: Wed Jun 20, 2012 8:05 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu May 28, 2009 9:32 am
Posts: 23
Please I want to remove the spaces from mine too. Here is the CSS Code:
Quote:


/* TopBar
------------*/
#topbar {
position:relative;
overflow:hidden;}



/* Header
------------*/
#header {
overflow:hidden;
position:relative;}

#header .wrapper {
position:relative;}


#slogan {
position:absolute;
top:50px;
right:20px}


#slogan p {
margin:0;
font-size:1.75em;
color:#999;
font-style:italic;
text-shadow:1px 1px 1px #fff;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}

#header:hover #slogan p {
color:#444}


#slogan p a.button {
background:#584F52;
padding:1px 14px 3px;
margin-left:20px;
font-size:.7em}

/* Logo
------------*/
#logo {
padding:30px 0;
float:left}

#logo p {
margin:0;}

#logo img {
float:none;
margin:0; }



Please find attached the image of the Header / Logo


You do not have the required permissions to view the files attached to this post.

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 


Board index » Joomla! 2.5 - Ask Support Questions Here » Templates for Joomla! 2.5 » Default template: Beez 20 in Joomla! 2.5

Who is online

Users browsing this forum: No registered users and 4 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group