Beez 20 remove font size, search box & space above header

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
jacksprat
Joomla! Explorer
Joomla! Explorer
Posts: 267
Joined: Sun Jun 08, 2008 7:46 pm

Beez 20 remove font size, search box & space above header

Post by jacksprat » Sat Feb 05, 2011 9:53 pm

I have been modifying the template. Changing the logo to another image worked out. I would like to move the new header image to the top of the website page. So I guess I need to strip out whatever is above the header and eliminate the space above. Please point me in the right direction.
Thanks

mrboo
Joomla! Intern
Joomla! Intern
Posts: 73
Joined: Sun Sep 28, 2008 9:12 pm
Contact:

Re: Beez 20 remove font size, search box & space above head

Post by mrboo » Thu Feb 24, 2011 8:03 pm

Have a look at the topic already discussed here.
http://forum.joomla.org/viewtopic.php?p=2383570
in your main template index.php from Beez2 is a row
<div id="fontsize"></div>
replace this row like this
<!-- <div id="fontsize"></div> -->

da4kinov
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Thu Apr 14, 2011 4:38 pm

Re: Beez 20 remove font size, search box & space above head

Post by da4kinov » Thu Apr 14, 2011 4:56 pm

Hi I delete this font gadget from my index.php file. Now the place where it was is staying empty. Do you know how to delete it or move my site little bit up to remove it. Thank you!
You do not have the required permissions to view the files attached to this post.

sndwav
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sun Oct 18, 2009 1:51 am

Re: Beez 20 remove font size, search box & space above head

Post by sndwav » Sun Apr 17, 2011 3:41 pm

I would also like to know how to remove the remaining space...
I tried removing some divs with hidden style that I thought are responsible for it, but it didn't do anything.

Thanks for any help.

User avatar
GandalfGrey
Joomla! Guru
Joomla! Guru
Posts: 723
Joined: Tue Mar 25, 2008 8:18 pm
Location: Sweden / Haninge

Re: Beez 20 remove font size, search box & space above head

Post by GandalfGrey » Mon Apr 18, 2011 9:21 pm

Look for

Code: Select all

#all #header {
    padding-top: 8em;
}
and

Code: Select all

#header {
    padding-top: 10em;
}
in the file /templates/beez_20/css/personal.css and remove this or change it to a smaller value for example 10px
“We can't solve problems by using the same kind of thinking we used when we created them."

sndwav
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sun Oct 18, 2009 1:51 am

Re: Beez 20 remove font size, search box & space above head

Post by sndwav » Mon Apr 18, 2011 10:03 pm

Thanks!
but for some reason, while it does move the header up, it covers the top menu navigation... I'll try to see why it does that, but if anyone already knows - help is appreciated :)

sndwav
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sun Oct 18, 2009 1:51 am

Re: Beez 20 remove font size, search box & space above head

Post by sndwav » Mon Apr 18, 2011 11:45 pm

I managed to fix it in another way...
I didn't change the personal.css, but instead I changed the #header in position.css.

I've added the negative margin-top property:

Code: Select all

#header
{
    display:block !important;
    position:relative;
    padding:0px 0 0 0;
    overflow:hidden;

    margin-top: -64px;
}

da4kinov
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Thu Apr 14, 2011 4:38 pm

Re: Beez 20 remove font size, search box & space above head

Post by da4kinov » Tue Apr 19, 2011 6:56 am

This works for me! I'm so happy!

paradisepat
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed May 04, 2011 9:53 am

Re: Beez 20 remove font size, search box & space above head

Post by paradisepat » Wed May 04, 2011 10:17 am

will check this out later. Thanks.

owtlawatv
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Sat May 07, 2011 2:18 am
Location: Corpus Christi, TX
Contact:

Re: Beez 20 remove font size, search box & space above head

Post by owtlawatv » Thu May 12, 2011 5:24 am

Thanks sndwav...
I used -54 value and it gave it just enough at the top to look like the sides...
thanks
Matthew
=============================
|| http://www.AutoRacingHQ.com ||
|| __Powered by: Joomla 1.6 ____-__||
=============================

thehotrod11
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Jun 13, 2011 9:31 pm

Re: Beez 20 remove font size, search box & space above head

Post by thehotrod11 » Mon Sep 26, 2011 10:05 pm

Awesome. Thanks so much. I used the
margin-top: -64px;

to fix up my parks site banner/header. Thank you.

donpa
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Sat Jan 14, 2012 2:58 pm

Re: Beez 20 remove font size, search box & space above head

Post by donpa » Sat Jan 14, 2012 4:44 pm

I have not been able to remove the search box yet. I have the font size and space removed. Would greatly appreciate any help in removing the search box. Thanks.

donpa
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Sat Jan 14, 2012 2:58 pm

Re: Beez 20 remove font size, search box & space above head

Post by donpa » Sat Jan 14, 2012 5:59 pm

I found the fix. It was under Extension manager -manage. I disable the search for site location.

shroomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Tue Feb 07, 2012 3:23 pm

Re: Beez 20 remove font size, search box & space above head

Post by shroomla » Tue Feb 07, 2012 7:15 pm

I did the -64px and it moved the site up - good :)

The logo is now half whited out - bad :(

http://pepetua.cloudaccess.net/

anyhelp would be great

shroomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Tue Feb 07, 2012 3:23 pm

Re: Beez 20 remove font size, search box & space above head

Post by shroomla » Tue Feb 07, 2012 7:39 pm

It looks like its being caused by the font resizer ?

whats the best way to stop this ?

stringycheesy
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sun Feb 12, 2012 8:13 pm

Re: Beez 20 remove font size, search box & space above head

Post by stringycheesy » Sun Feb 12, 2012 8:24 pm

To remove the font size, search box & space above the header in which they preside in the Beez 20 template there are 2 steps. All you must do is remove the following from the index.php tempate file:

<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div>

And then in the CSS folder you must edit the "personal.css" file (may be a different css file, i'm working from Joomla 2.5). Change the "padding-top" property of the header div (#header) to whatever value you want. I believe it is defaulted at 10em. The following would set it to no space at all:

#header{

padding-top: 0px !important;

}

However, you most likely want to set it to about 5-10px to give it a little breathing room.

The two steps above are all you need to do.


Extra Credit
If you don't like using the !important tag for whatever reason. Then don't type in the "!important" when you change the above CSS, but then you must erase the following CSS from the same file:

#all #header
{
padding-top:8.0em ;
}

Since the "#all #header" part comes after the "#header" section, it overrides what you initially put into the "#header" section. So you either have to erase the "#all #header" section or you have to put the "!important" tag in the first section. This tells it to override any other CSS style that may contradict it later. You could also move the "#header" section below the "#all #header" section if you didn't want the !important tag and didn't want to erase the "#all #header" section.

tfuller0943
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Mon Apr 16, 2012 6:22 pm

Re: Beez 20 remove font size, search box & space above head

Post by tfuller0943 » Mon Apr 16, 2012 6:36 pm

Wanted to say thanks to sndwav. I'd been banging my head against the wall trying to remove the white space.

Bit Stupid
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Fri Aug 24, 2012 2:39 pm

Re: Beez 20 remove font size, search box & space above head

Post by Bit Stupid » Thu Sep 13, 2012 2:53 pm

GandalfGrey wrote:Look for

Code: Select all

#all #header {
    padding-top: 8em;
}
and

Code: Select all

#header {
    padding-top: 10em;
}
in the file /templates/beez_20/css/personal.css and remove this or change it to a smaller value for example 10px
I did this but noticed something that may be throwing some other people off. To start with I changed the padding-top to 0em which covered up like sndwav. so changed it to 5.0em and worked a dream.

I also changed the side padding white space by changing the Margin values to
"margin:0em 0px 0 0px !important;"
Also need to do likewise for the #header ul.menu so it fits snug.

Heres hoping this helps someone at some point.

opiexs
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sun Nov 18, 2012 1:35 pm

Re: Beez 20 remove font size, search box & space above head

Post by opiexs » Mon Nov 19, 2012 1:45 pm

thanks guys.. u are great.. i'm just a beginner who need ur helps all the time. thankss so muchh............... :)

didszzz
Joomla! Intern
Joomla! Intern
Posts: 70
Joined: Thu Oct 04, 2012 1:10 pm

Re: Beez 20 remove font size, search box & space above head

Post by didszzz » Sun Jan 20, 2013 8:29 pm

Is there anyway to remove Font size and have another script in place of it?

Im trying at the moment to add a script and eveytime I try to add it it stops me from loading the login web page or the top menu stoppes working! the site im testing on is http://kaihoo.co.uk/joomla/

at the moment I can log in but if i remove the

Code: Select all

<div id="fontsize"></div>
it stops me login in!

The script code is !

Code: Select all

<div id="TTSbarbutton"></div>
and

Code: Select all

<script type="text/javascript"> 

var p = (("https:" == document.location.protocol) ? "https://" : "http://"); 

document.write(unescape("%3Cscript src='" + p + "r3.talklets-secure.com/TTSapp/jslaunch.php'type='text/javascript'%3E%3C/script%3E")); 

</script>
hope somone can help me on this problem :-)

User avatar
ivica178
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Jan 20, 2013 11:04 pm
Contact:

Re: Beez 20 remove font size, search box & space above head

Post by ivica178 » Sun Jan 27, 2013 3:20 pm

Hi. regarding removing Font size menu, I had same problem yesterday, and I found that in template folder in javascript/md_stylechanger.js file is a function addControls() that insert this menu into page...
What I did is that I just commented out line 74 in that file so from original code:

Code: Select all

window.addEvent('domready', addControls);
you get:

Code: Select all

//window.addEvent('domready', addControls);
Hope this helps :) I am Joomla beginner too, so I am not sure if this is good solution, but it worked for me :)

Best Regards
Son gli amici molto rari quando non si ha danari!
http://www.webauto.me

Shems
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Tue Jan 22, 2013 9:36 am

Re: Beez 20 remove font size, search box & space above head

Post by Shems » Thu Jan 31, 2013 1:30 pm

Many thanx to mrboo and sndwav for your input!
Worked out very well. Just what I was looking for.

grgo69
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Tue Mar 04, 2008 1:34 pm

Re: Beez 20 remove font size, search box & space above head

Post by grgo69 » Fri Feb 01, 2013 11:54 am

mrboo wrote:Have a look at the topic already discussed here.
http://forum.joomla.org/viewtopic.php?p=2383570
in your main template index.php from Beez2 is a row
<div id="fontsize"></div>
replace this row like this
<!-- <div id="fontsize"></div> -->
DON'T DO THAT!!!
I did and after user cannot create account. I had spend long time to figure it out what is the problem, and did new fresh install and after step by step I figure out when I do that link to create new account stops working and results in a blank page!

dj59
Joomla! Apprentice
Joomla! Apprentice
Posts: 30
Joined: Sun Jan 06, 2013 12:41 am

Re: Beez 20 remove font size, search box & space above head

Post by dj59 » Tue Feb 12, 2013 4:39 pm

I Agree don't do this:
in your main template index.php from Beez2 is a row
<div id="fontsize"></div>
replace this row like this
<!-- <div id="fontsize"></div> -->
If you are using chronoforms you will not be able to use required fields, validation or any JS. There must be a better answer to disable the font size and search box.

karocom
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Feb 15, 2013 8:43 am
Contact:

Re: Beez 20 remove font size, search box & space above head

Post by karocom » Fri Feb 15, 2013 8:59 am

This works for me!

manga79
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Apr 15, 2013 3:48 pm

Re: Beez 20 remove font size, search box & space above head

Post by manga79 » Wed Apr 17, 2013 3:59 pm

Thank you! :) That fix in personal.css worked like a charm.

peater
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Fri Apr 19, 2013 4:00 pm

Re: Beez 20 remove font size, search box & space above head

Post by peater » Fri Apr 19, 2013 4:05 pm

Have a look at the topic already discussed here.
viewtopic.php?p=2383570
Quote:
in your main template index.php from Beez2 is a row
<div id="fontsize"></div>
replace this row like this
<!-- <div id="fontsize"></div> -->
Awesome, just what I was looking for! Thanks for the heads up too!

crashcosmic
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed May 01, 2013 5:10 pm

Re: Beez 20 remove font size, search box & space above head

Post by crashcosmic » Wed May 01, 2013 5:19 pm

ivica178

you are a star dude, I recently loaded an extension and the solution:

<!-- <div id="fontsize"></div> -->

to take out the font resizer in the template interfered with the javascript and froze the menu tabs in the extension

I searched around for another solution and tried yours ...it got me around the freezing extension gig

so cheers for that ;) Hope it helps others having the nightmare I was having!

peater
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Fri Apr 19, 2013 4:00 pm

Re: Beez 20 remove font size, search box & space above head

Post by peater » Fri May 17, 2013 3:43 pm

crashcosmic wrote:ivica178

you are a star dude, I recently loaded an extension and the solution:

<!-- <div id="fontsize"></div> -->

to take out the font resizer in the template interfered with the javascript and froze the menu tabs in the extension

I searched around for another solution and tried yours ...it got me around the freezing extension gig

so cheers for that ;) Hope it helps others having the nightmare I was having!
Yeah this was an absolute life saver, and thanks crashcosmic for your addition here because I was trying to figure out why it kept freezing, now I know! :)
Peter

simit
I've been banned!
Posts: 33
Joined: Tue Apr 09, 2013 10:42 am

Re: Beez 20 remove font size, search box & space above head

Post by simit » Fri Jul 12, 2013 8:00 pm

GandalfGrey wrote:Look for

Code: Select all

#all #header {
    padding-top: 8em;
}
and

Code: Select all

#header {
    padding-top: 10em;
}
in the file /templates/beez_20/css/personal.css and remove this or change it to a smaller value for example 10px
hi GandalfGrey!
You good advice. Thank you!
I've solved this problem, and my question is how do I make my website header at the top I use?


Locked

Return to “Templates for Joomla! 2.5”