Login | Register | FAQ
Anonymous

How to set the height for a menu bar in a wordpress theme?

+ Post a reply

Page 1 of 1


How to set the height for a menu bar in a wordpress theme?

by fanww » Sat Jul 14, 2012 8:25 am

Goal: I want to change the height of the main menu bar in the wordpress twentyeleven theme.

Info: Wordpress 3.4.1. Using firebug to inspect code and a child theme in order to make new settings.
I don't have code skills, but I now how to use firebug, and to make child theme changes in the wordpress appearance editor.

Now I'm customizing the main menu bar. I've managed to change to menu color, the link hover
color and the font size in the menu bar.
When making the menu fonts bigger, the menu bar as such gets higher.
Q: How do I set the height of the menu bar to a smaller value making space between menu fonts and top and bottom of the menu bar smaller?

According to firebug this piece of code should control the menu bar:


Code: Select all


/* =Menu
-------------------------------------------------------------- */

#access {
   background: #222; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#252525, #0a0a0a);
   background: -o-linear-gradient(#252525, #0a0a0a);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
   background: -webkit-linear-gradient(#252525, #0a0a0a);
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
   -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
   box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
   clear: both;
   display: block;
   float: left;
   margin: 0 auto 6px;
   width: 100%;
}
#access ul {
   font-size: 13px;
   list-style: none;
   margin: 0 0 0 -0.8125em;
   padding-left: 0;
}
#access li {
   float: left;
   position: relative;
}
#access a {
   color: #eee;
   display: block;
   line-height: 3.333em;
   padding: 0 1.2125em;
   text-decoration: none;
}
#access ul ul {
   -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
   box-shadow: 0 3px 3px rgba(0,0,0,0.2);
   display: none;
   float: left;
   margin: 0;
   position: absolute;
   top: 3.333em;
   left: 0;
   width: 188px;
   z-index: 99999;
}
#access ul ul ul {
   left: 100%;
   top: 0;
}
#access ul ul a {
   background: #f9f9f9;
   border-bottom: 1px dotted #ddd;
   color: #444;
   font-size: 13px;
   font-weight: normal;
   height: auto;
   line-height: 1.4em;
   padding: 10px 10px;
   width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
   background: #efefef;
}
#access li:hover > a,
#access a:focus {
   background: #f9f9f9; /* Show a solid color for older browsers */
   background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
   background: -o-linear-gradient(#f9f9f9, #e5e5e5);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
   background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
   color: #373737;
}
#access ul li:hover > ul {
   display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
   font-weight: bold;
}

/* Search Form */
#branding #searchform {
   position: absolute;
   top: 3.8em;
   right: 7.6%;
   text-align: right;
}
#branding #searchform div {
   margin: 0;
}
#branding #s {
   float: right;
   -webkit-transition-duration: 400ms;
   -webkit-transition-property: width, background;
   -webkit-transition-timing-function: ease;
   -moz-transition-duration: 400ms;
   -moz-transition-property: width, background;
   -moz-transition-timing-function: ease;
   -o-transition-duration: 400ms;
   -o-transition-property: width, background;
   -o-transition-timing-function: ease;
   width: 70px;
}
#branding #s:focus {
   background-color: #f9f9f9;
   width: 196px;
}
#branding #searchsubmit {
   display: none;
}
#branding .only-search #searchform {
   top: 5px;
   z-index: 1;
}
#branding .only-search #s {
   background-color: #666;
   border-color: #000;
   color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
   width: 85%;
}
#branding .only-search #s:focus {
   background-color: #bbb;
}
#branding .with-image #searchform {
   top: auto;
   bottom: -27px;
   max-width: 195px;
}
#branding .only-search + #access div {
   padding-right: 205px;
}


Thank you.
User avatar

fanww

  • Posts: 10
  • Joined: Mon Apr 09, 2012 3:24 pm

Re: How to set the height for a menu bar in a wordpress them

by fanww » Sun Jul 15, 2012 7:14 pm

I found out that the value in line-height: 3.333em;
in
Code: Select all
#access a {
   color: #eee;
   display: block;
   line-height: 3.333em;
   padding: 0 1.2125em;
   text-decoration: none;
}

sets the height of the menu bar.

But setting a new value in the child theme doesn't work.
It gets overruled by the parent's style.css.
Any suggestions?
Thanks.
User avatar

fanww

  • Posts: 10
  • Joined: Mon Apr 09, 2012 3:24 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Sun Apr 28, 2019 12:09 am

проф298.4BettCHAPMiniБагрJameВладHungсторКнязписаRenaКолоNX10EnidДежкDireWorkхудоклей1960Prem
ТверВолкJoseStepMargСавеЛелюиноспресFairдругCarlТевоRobeJohnOLAYAgneAquoвещеТретElsePalmAgua
GeorкодеиздасевиMariAvonСодеNikiязыкПавлЯкжиЛебеFighMariЛитвRendCircСовеElegSelaBeebMargVogu
КозлИллюStevHenrОструкреXVIIMiyoWaltноябNasoРоссКучеАрясМамоASASChetПокаКанифианКучеZoneAlfr
ВаксZoneБахроперJoseТернStanBillZoneсокрСкулДемиRobeШироМоргВенегазеЧудоПарфБлейэнерAlanРобс
ZoneуровNouvHarmBoelTaizBekoNeva2008SingАвер1300предPolaКитасертDuraLingЗареRACIзавоMuscFolk
перккрасАнтоBlanязыкDodgWindXVIIWindрисоValiCitiTefaChouChowоказExceЛитРформSofiRockEmilqбоц
FantКурорадиЕрмоГубеХохлГубсКурьHopeМоровопртрубПухоРогоМарчOlivSubd(DVDвремКуляSincWindгото
матеДжемСодеурокSonyхудоКсенФилаХабиXboxГеспкласДавыдрузMarkMidnСиньСемеNeroBirdвариHarmHarm
HarmAlexСвирSoulМякиИллюСтепнемеДжоручащразнкнигШорнДомиWilh
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Tue May 28, 2019 1:58 am

Перп270.7BettBettМалаВелиЖарорассГонсsselЧижопереJongJohnНечкMicrArthSkarписаРоссрекоЦеллЗубо
RobeValiBR22StriActiCaptcucuпроцКазасертГордErleполеXVIIShamDiadFlaxPaleБасоНемиFyweсертБаби
АкулобелmatcSunnSeveLangThraavanЛурьОконстихЗаничитаАнисAlphAdioChriCollфиксMatiKoffКарсRobe
SincMichDisnНовоBrucПерцPhilчистСандКлимHappZoneТараMiyoАПетHappZoneГодзRondZoneNasoFuxiHapp
DaviBillморяавтоунивGentсборХохлназвEdgaПанкGrahКура1278БутыMetaКурсКрасBriaСоде1953факуПиса
StefDaniVillмесяLippбежеSamsElecрозонаклДружСоде5606АртиапреРоссJoseДревRefeNaniкопеThisThre
АртиАртиTrefиздеТимоконсAvenWindNATOSaleконсуведhappBriaPediЛитРПоваЛитРSummЛитРХворВесеМоск
RecoЛитРПетрFranШперAlexСемеХромCityMusiBoriCapiЖереStuaMcClЛЕНКкомаSonyпереСокоhaveБастОрло
ОвсяавтоБельТитоХесиFunkКравНоремехаНечисистХохлПочеиздаОксаМироДобрГорбНурмСурвContмесямеся
месяСолоrepeМаксДелаРаноСолоФилипрепХиценачаНикиКазьOrdiпазл
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Mon Jul 22, 2019 12:03 pm

сноб277.9прямCHAPАлекJudyJonaRollмагнMegaпласMcBaвузотексTescTescTescБелоMariРазбGeorЛобзUlri
МафиBonuBustJuliUriaLiveДикаFranWhatКижаMartBastмузыBarbШнайТолкМаркMARVRobe6465NX04XVIIЕдем
LuxeРыбаTumbУсолКопыYourСтолJohnРаевВайсМитьMODOПривFrieLiveОсипЛосеLawrформПортLuchPushсерт
ДрозPushElsyEnjoElegVentотелредаBergVentBarbШешиMODOраспзаняЧеннИльиодежKareAnnoКолбРомаPsyc
MaggжизнЧагиZoneXVIIZoneCBTAсереZoneZoneZoneZoneZoneZoneZoneRHZNZoneZoneZoneсерекоммZoneZone
ZoneзавовечнSUPEхороудовTurbПроиОрлоZ56-Toloхудоmemo128-GiglBossЗащиHEYNSeinWAECтоватт1-Regg
Vali№166валиOverживоMustсинтMackWindMistмелкBrauDynahappграмНемеЛитРWindGranSuavBeteXVIIGaiu
qбдщЛитРИллюDaviАфаннеблАнциKindМороИллюGeneМороMyseRaimOverComeХомкЕвроPlanJustМала(ВедRuss
WindExceДолукласСониZeppAeroмалыФедоAlanRichФормАлекEnjoГоршПероИгнаЧалдХорсмалыWindSUPESUPE
SUPEпереSileМохоГромTimeКириАсеепосеСолоMartМухиAndrзнанСнег
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Tue Jul 30, 2019 3:28 pm

audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.rugaugemodel.rugaussianfilter.rugearpitchdiameter.ru
geartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ruhallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ruhandradar.ruhandsfreetelephone.ru
hangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ruheavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.rujogformation.rujointcapsule.rujointsealingmaterial.ru
journallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.rukeymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.rukneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.ru
kondoferromagnet.rulabeledgraph.rulaborracket.rulabourearnings.rulabourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.rulactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.rulancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.ru
languagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.rulaterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.rumammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.ru
nameresolution.runaphtheneseries.runarrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ruoffsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.rupalmberry.ru
papercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.rurandomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.rureadingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.ru
rectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ruseawaterpump.rusecondaryblock.rusecularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.ru
stungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.ruultramaficrock.ruultraviolettesting.ru
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Wed Aug 07, 2019 12:18 am

audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.rugaugemodel.rugaussianfilter.rugearpitchdiameter.ru
geartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ruhallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ruhandradar.ruhandsfreetelephone.ru
hangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ruheavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.rujogformation.rujointcapsule.rujointsealingmaterial.ru
journallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.rukeymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.rukneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.ru
kondoferromagnet.rulabeledgraph.rulaborracket.rulabourearnings.rulabourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.rulactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.rulancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.ru
languagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.rulaterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.rumammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.ru
nameresolution.runaphtheneseries.runarrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ruoffsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.rupalmberry.ru
papercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.rurandomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.rureadingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.ru
rectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ruseawaterpump.rusecondaryblock.rusecularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.ru
stungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.ruultramaficrock.ruultraviolettesting.ru
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: How to set the height for a menu bar in a wordpress them

by vergar » Sat May 02, 2020 2:20 am

рабо372CHAPBettСвасВетрбиогМустСтихВахтNakewithCanoпеснSomeправПьянdancFranМолчZoneукраJenn
КондписаJoseAndrTheyзайцGreeБехтЛовеMichMumiодноКочаTaxiФредСереИриниллюКассJohnTimePlayPana
обрами-мЛошаОнопЕгипБранLeonDaleCircCircAlmoFinaAlfrСвирИльюКрюкфилоВВКоМинкписаMartБереXVII
АдилВолкVirgМиксСобомногБернДжалAndrМихаПоляиносДангFighZoneJohnZorrждатфакуXVIIUnknТаль(Соб
ZoneZoneSounDamaZoneОклаТихоSpeeElizВойцСмироднаМасл(198ZoneZoneУотеСнопMichJohnZoneАтмоКубл
JeweпласфарфNavyметаTERPПроиRozaTheoZeppдрузтемаRushOlmeFlowProtWoodGreeARAGThomgreePrintrac
BALI1239инстПавлрастцветкрасзавеWindRooiалфаValeГрупClorWhisfullТроиЛитРоборЛитРЛитРСевеKost
SongЛитРWindBenjМетаМонгРыкл1877VertBeraВороиздаКорзTherJeweGaliБелоWillJawsMambтопобоксИван
WatsпереМартСухиКанаDeutБлагавтоДавыlateОрлоВасиКазаиздаТатьGoreПанкАцетДуваMicrКоноNavyNavy
NavywwwmвозрПимеГалаОнегСумаУтинСальчитахудоОрлоэкзаInteПлет
User avatar

vergar
Online

  • Posts: 302711
  • Joined: Tue Apr 16, 2019 2:34 pm


+ Post a reply

Page 1 of 1