Achtergrond van de tekst sluit niet aan op menubalk
-
Hallo allemaal,
Ik gebruik Twenty-Eleven met een Child theme.
In het child theme heb ik een achtergrond voor achter de tekst geplaats.
Dit werkt in principe goed, alleen sluit de achtergrond niet meer goed aan op de menubalk. Op iedere pagina van mn site staat hij anders en is er een grote witte rand te zien. Heeft dit iets te maken met de padding oid? Ik weet niet waar en hoe ik dit moet aanpassen.Daarnaast heb ik nog een probleempje met mn drop-down menu’s. Als je op het menu staat en je wil een sub-pagina aanklikken, klapt het menu weer in, omdat er een randje tussen het drop-down menu en de menubalk zit. Weet iemand hoe ik dit moet aanpassen?
Bij voorbaat dank!
Mijn website is: http://www.sweet-babycakes.nl”>
-
NB!! Maak eerst een back-up van je site.
Voeg to aan style.css van je childtheme:body.custom-background { background-color: rgb(226, 226, 226); background-image: url("http://sweet-babycakes.nl/wp-content/uploads/2013/05/3D-Wallpapers4Desktop.com-0122.jpg"); background-repeat: no-repeat; background-position: center top; /*aangepast*/ background-attachment: fixed; }
menu-probleem: [regel 584 van originele style.css]
(wat ‘quick and dirty-oplossing’)Blokkeer position: absolute door er
/*
respectievelijk*/
omheen te plaatsen zoals hieronder.
Controleer het resultaat.#access ul ul { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; margin: 0px; /*position: absolute;*/ top: 3.333em; left: 0px; width: 188px; z-index: 99999; }
W.P. Ginfo,
Het eerste was me al gelukt, maar nu ik voor het menu-probleem heb gedaan wat je schreef, doet het drop-down menu het wel, maar vouwt hij open ín de menubalk, waardoor de balk veel breder wordt, en niet eronder. Weet je wat dat kan zijn?
Bedankt weer!
bijna 😉
Dit zou beter moeten gaan:
#access ul ul { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; margin: 0px; top: 0; left: 0px; width: 188px; z-index: 99999; position: absolute; }
Hi W.P. Ginfo,
Hahaha we komen langzaam dichterbij..
Nu opent de drop-box niet meer binnenin de menubalk, maar wel over de pagina-naam heen.. Hoe fixen we dat weer?Alvast bedankt voor al je tijd om me te helpen!
Groetjes Esmée
Tja, soms is het leven behelpen…?
Opties:
- Die drop-down menu’s zijn alleen over de titel heen, als ze bezocht en aangeklikt worden. Een ongemak? Misschien. Probleem? Nee, denk ik niet.
- Laat de titel en de tekst een stuk zakken op de pagina
- Maak het submenu wat meer transparant [kan leesbaarheid beïnvloeden?]
Probeer dit maar; ziet er goed uit en is werkbaar.
.singular.page .hentry { padding: 3.5em 0px 0px; margin-top: 75px; /* aanpasbaar*/ }
Hoi W.P.Ginfo,
Bedankt. Maar het is wel een probleem eigenlijk. Ik vind het zo niet mooi en het werkt niet fijn.
Het drop-down menu heeft er in het begin, voor de aanpassingen, wel netjes onder gestaan. Het enige probleem was dat er een klein wit randje tussen is gekomen op de een of andere manier. Ik heb op de hoofdpagina’s ook tekst staan. Maar die kan je nu niet meer aanklikken, omdat het drop-down menu er nu meteen overheen springt als je met je muis erop wil klikken.Ik hoop dat je nog 1 keer voor me wil kijken.
Groetjes Esmée
Hi W.P. Ginfo,
Ik ben helemaal opnieuw begonnen met een schone style.css.
Probleem met het drop-down menu is meteen opgelost. Nu heb ik alleen een witte rand tussen de menubalk en de achtergrond zitten.
Als dat is opgelost ben ik helemaal blij. Weet je waar ik dat moet doen?Groetjes Esmée
Hoi Esmée,
Goeie strategie! Soms is een schone start wel zo lekker.
main{ padding:0; }
== == ==
Hoe vind je welke code je moet aanpassen?
Het zoeken naar welke css / php / HTML je moet aanpassen is een beetje een puzzel.
Gelukkig zijn daar goede gereedschappen voor.In je browser: Installeer en activeer ‘webontwikkelaar’ add-ons en -plug-ins.
Aanbevolen: ‘firebug’ en ‘webdeveloper: http://www.chrispederick.com ‘
Deze gereedschappen laten je ‘onder de motorkap’ van je site kijken.bijv.
re-klik > element inspecteren > klik pijl icoon, uiterst links in de menubalk
klik item in de webpagina dat je wilt onderzoeken / veranderen
Bekijk de css in het rechter deel van het scherm
Verander de css waarden of voeg toe en bekijk direct het resultaat
OK?
Kopieer de veranderde CSS-regels
Plak ze in de style.css van je childthemeAlternatief:
Druk <F12>. Er verschijnt een sectie onderaan je scherm
Beweeg de muis over de regels code
Bovenin zie je over welk deel van je site het gaat
Druk + om delen ‘open te vouwen’ voor meer details
Bekijk de css in het rechter deel van het scherm
Verander de css waarden of voeg toe en bekijk direct het resultaat
OK?
Kopieer de veranderde CSS-regels
Plak ze in de style.css van je childtheme
- Het onderwerp ‘Achtergrond van de tekst sluit niet aan op menubalk’ is gesloten voor nieuwe reacties.