Support » CSS / opmaak vragen » Content en Sidebar scheiden door lijn

  • Hallo,

    Ik gebruik het thema Twenty Twelve en heb een sidebar. Nu wil ik deze graag d.m.v. een verticale lijn scheiden van de content. Daarnaast zou ik ook nog graag de widgets in mijn sidebar willen scheiden door een horizontale lijn. Is hier een oplossing voor?

2 reacties aan het bekijken - 16 tot 17 (van in totaal 17)
  • Sorry. Beetje onduidelijk inderdaad.

    Als ik de site op mijn telefoon open dan valt de header voor de helft buiten beeld, omdat de content zich wel aanpast aan het formaat van mijn telefoon. Is er een oplossing voor om de header, net zoals de content dat doet, te laten aanpassen aan mijn telefoon?

    Daarnaast zag ik laatst een site die links van de verschillende koppen bovenaan het artikel had staan. Op het moment dat je dan op zo’n link klikt, scroll je automatisch naar het het betreffende stukje informatie.

    Heb gezocht of mij dit ook zou kunnen lukken maar dat is tot nu toe tevergeefs. Is hier een speciale code voor?

    Ik zou ff niet weten hoe dit ‘blind’op te lossen.

    …Beginner / gevorderd / expert…
    Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉 [Een heel klein beetje kennis van PHP helpt ook, maar is doorgaans niet direct nodig]
    Zo kan je een gekozen theme makkelijker aanpassen aan je behoeften.
    == == ==
    Het zoeken naar welke css / php / HTML je moet aanpassen is een beetje een puzzel.
    Gelukkig zijn daar goede gereedschappen voor.

    >>
    In je browser: rechtsklik in de browser en kies ‘element inspecteren’
    Deze gereedschappen laten je ‘onder de motorkap’ van je site kijken.

    1. re-klik > element inspecteren
    2. Het sub-scherm opent:

    * bovenin de webpagina
    * het sub-cherm met eigen werkbalkje en iconen
    * li-onder: scherm met ‘style | computed | event listeners >>’
    * re-onder: stijl= css

    3. In de sub-scherm: klik het eerste icoon van links [vergrootglas];
    4. Beweeg je muis over de webpagina [en klik]. Hiermee selecteer je een element in de webpagina, om daarmee de code zichtbaar te maken in het sub-scherm
    5. In het sub-scherm:

    * Links: de HTML-code van het gekozen element
    * rechts: de stijl =CSS
    * klik in de css en verander de waarde; kleur grootte of voeg een regel toe
    * controleer in het deel van de webpagina of het gewenste effect wordt bereikt
    * Nee? Druk <F5> verversen browser. Probeer iets anders
    * Ja: neem de aanpassing op in de ‘style.css’ van je childtheme
    == == ==

    Veel plezier!
    == == == leesvoer
    http://www.w3schools.com/css/default.asp
    http://codex.wordpress.org/Getting_Started_with_WordPress
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    http://codex.wordpress.org/FAQ_Troubleshooting
    http://codex.wordpress.org/Backing_Up_Your_Database
    Natuurlijk zijn er ook trainingen op het internet te vinden…
    bijv. [engels, betaald] Lynda.com:
    http://www.lynda.com/WordPress-tutorials/WordPress-Essential-Training/154417-2.html
    Natuurlijk zijn we op dit forum bereid je verder te helpen met je vragen / keuzes…

2 reacties aan het bekijken - 16 tot 17 (van in totaal 17)
  • Het onderwerp ‘Content en Sidebar scheiden door lijn’ is gesloten voor nieuwe reacties.