smaller header
-
Hi,
1) is it possible to make smaller (width) header? I looking in this forum and founded this:
div.iheader {
display:none;
}But it disable whole header…
2) If I reduce header, what about text? This text reduce automaticaly? THX
-
Hey Kubikjiri,
Hope you’re well today?
It really depends on what you’re trying to do. Would you mind posting link to your site and explaining what exactly are you looking to achieve and I’ll try my best to help you with some custom CSS.
Cheers,
BojanHi,
today is the day like ordinery – super 🙂
this is link: http://kubikjiri.cz/?page_id=62
The blue header with text: “O mně”… I need this blue header smaller…width…
Dobrý den pane Kubíku,
Hovořím česky ale zachováme angličtinu.
Mohu Vám pomoci jak budete potřebovat.
Podívejte se do sekce vzdělání prosím “Nejvíce ze svého zvdělání si vážím certifikátu €FA.Hi Mr. Kubík
Nice looking site
put this code to your Child Theme style.css file
OR
Install iSmple Custom CSS plugin and put the code there..iheader h1 { font-size: 27px; width: 100%; }
change the
font-size: 27px or width: 100%;
to any No. you want
Your link take us to the WordPress forum link, but I got to your site. 🙂Hope this will be helpful
Hey Kubikjiri,
Thanks for the link, that element has 100% width you can use that property with different value to make it smaller.
Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
.iheader { width: 100%; }
Replace 100% with lesser value, what ever suits you the most.
Have a great weekend 🙂
Cheers,
BojanTahoe Rock: Děkuji, graficky a jazykově to bude ještě samozřejmě procházet korekturou…
Nicméně asi jsem to špatně napsal. Potřebuji zmenšit na šířku, ale ne zleva či zprava, ale zespodu! Zkoušel jsem kod změnit podle css, ale asi špatně.
Bojan Radonic WPMU DEV Support: Thanks, It works, but I need to change header size from bottom. Not changing for left or right size….
Dobrý den pane Kubíku,
pokud jsem tomu zprávně porozuměl, vložte tento code do vašeho child theme style.css souboru nebo Simple custom CSS pluginu.put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there..iheader { height: 70px; } OR .iheader { height: 70px!important; }
Replace 70px with any No. you wish
Hope this will be helpful.
Let me know if this is what you are looking for. Feel free to ask another Questions.
Have a great weekend
Cheers
Vláďa A.K.A as TRThanks,
but if you look on my site, header is smaller (cool), but text in this header is big and not readable at all…
Změnil jste height na 50px
Změňte na 70px a vše bude OK.
Můžete zde stanovit jakoukoliv hodnotu, která bude ta pravá.
Pokud máte potíže s weben , mohu Vám pomoci blíže.TR
Takhle by to bylo dobré při 60px a písmu 23px. Jenom ho ještě vycentrovat na střed? To nejde?
No možná bych uvítal pomoci s doděláním a radami. Ještě chystám druhý web zarucujeme.cz a ten už určitě sám dělat nebudu. Jste z Prahy?
Ne jsem z Krkonoš. Rád pomohu.
TROne more note:
To center the Header:put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there..iheader h1 { line-height: 66px; }
OR
.iheader h1 { line-height: 66px!important; }
line-height: 66px : you can go to any No. it will suits to you.
Hope this will be helpful
Cheers
TRSUPER!!!!! Thanks…so last question…is it possible to put in this header picture? I need switch from one color to another color. Or some texture….
If it can ‘t do it, doesn ‘t matter 🙂
Thanks
And the last last question…is it possible to change color line no the bottom? Now is dark brown….
And the smaller header in mobile phone does’n work :/
Hi Mr. Kubík
………..is it possible to change color line no the bottom? Now is dark brown….
Do not know what line you mean.
Please be more specific.…….is it possible to put in this header picture?……
Yes it is possible.
……And the smaller header in mobile phone does’n work :/…..
We have to talk this.
I know this, I was checking your site on my iPhone 6+
BUT!!!! when we do header smaller, it will interfere with mobile menu option and reading of the headers.
We have to consider this.
Go to your mobile and see O mně portrait view, you will have mobile menu just underneath.Code for this should be:
@media (max-width: 999px) .iheader h1 { line-height: 0px; padding-bottom: 0px; }
OR
@media (max-width: 999px) .iheader h1 { line-height: 0px!important; padding-bottom: 0px!important; }
Last, Last Q ??? 🙂
Cheers
TR
- The topic ‘smaller header’ is closed to new replies.