container margin en padding aanpassen

  • Opgelost evillevi

    (@evillevi)


    9 jaren, 6 maanden geleden

    Mijn pagina heeft nog witte randen die ik kwijt wil. Ik vermoed dat het iets met container margin te maken heeft.

    De sidebar zou trouwens iets meer naar links (links uitgelijnd?) mogen, en tegen de onderkant mogen plakken van mijn menu. Mijn rechterblok dan iets meer naar rechts en ook tegen de onderkant van het menu.

    Ik werk met het thema Dynamic News Lite, en ik zet nu mijn eerste stappen in CSS om alles wat naar mijn hand te kunnen zetten. Ik houd de stapsgewijze veranderingen goed bij in een document, zo leer ik iets bij over coderen! Dus alvast bedankt voor jullie hulp.

    Eigenlijk zou ik graag ook te weten willen komen hoe ik mijn recente posts widget kan aanpassen zodat het eruit gaat zien zoals hier: http://horrorhomework.com
    Daar loopt de achtergrondkleur door tussen de posts in. Je ziet daar op die site precies stukjes van elkaar gescheiden ‘container’, ipv posts die louter gescheiden zijn door een wit lijntje, in één grote container van recente posts.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • LianneL

    (@liannel)

    9 jaren, 6 maanden geleden

    Hi,

    we weten van een andere post dat je in een childtheme werkt. De witte achtergrondkleur wordt bepaald door de omvattende div met id ‘wrapper’. Deze is wit, daarna zijn verschillende elementen van #161616 en #000 kleurcodes voorzien. Neem op in je style.css van je childtheme:

    #wrapper {
    background: #161616;
}

    Als je echt goed wilt leren hoe css in zetten voor het naar je hand zetten van je site, moet je goed leren firebuggen of ‘inspect element-techniek. Hiermee bekijk je in je browser naar de achterliggende opbouw van je site (html) en de bijbehorende vormgeving (css). Dit doe je denk al enigzins, maar het is wellicht goed YouTube af te grazen op dit onderwerp.

    Verder: w3schools. Hierop worden alle mogelijke css-regels verklaard en omschreven, inclisief of ze werken in de verschillende versies van de verschillende browsers (Firefos, Internet Explorer, Safari etc.). Hier kun je veel leren.

    Succes!

    Lianne

    Thread starter evillevi

    (@evillevi)

    9 jaren, 6 maanden geleden

    Dag Lianne, bedankt voor de tips. Ik zal me proberen te verdiepen in het onderwerp, ik vind het allemaal razend leerrijk. Ik heb reeds het ‘inspecteer element’ in mijn browser (Safari), en ik heb het al een beetje leren gebruiken voor met de simple custom css plugin bij mijn thema. Ik heb ook zo proberen te weten te komen waar die witte kleur op mijn pagina nog verborgen zat. Ik vind de id ‘wrapper’, maar ik zie niet direct info over de elementen met #161616 en #000 kleurcodes…

    Kan je aub nog eens kijken, en mij zeggen op welke lijn je die info terugvond van mijn gebruikte kleuren?

    Thread starter evillevi

    (@evillevi)

    9 jaren, 6 maanden geleden

    update: ik heb de code toegevoegd aan mijn style.css in mijn child theme (nu geactiveerd), maar er veranderde niks. In custom css (simple custom css) hetzelfde gedaan, en daar ging het wel. Maar hierdoor verandert de zwarte kleur van mijn container weer in wit.

    Dus deed ik:
    .widget {
    background-color: black;
    }

    Maar dan sprong de wrapper weer naar wit.

    Ook wanneer ik de achtergrondkleur wijzig, springt de rest naar wit.
    body {
    background-color: #161616;
    }

    is het zo dat die custom css in mijn thema conflicteert met style.css van het child theme? misschien?

    Thread starter evillevi

    (@evillevi)

    9 jaren, 6 maanden geleden

    Update: heb child theme opnieuw ingesteld, deze keer volgens de nieuwe methode (wp_enque). Het lukte eerst weer niet, maar nadat ik de browser cache leegde, werd de wijziging in mijn child style.css wel uitgevoerd!

    Het probleem van de witte delen is dus opgelost. Voor mijn andere vragen zal ik beter telkens een nieuw topic openen…

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘container margin en padding aanpassen’ is gesloten voor nieuwe reacties.