Support » CSS / opmaak vragen » Tekst verschuiven onder titel widgets op berichtpagina's. Theme Twenty Sixteen

  • Opgelost vgroenewoud

    (@vgroenewoud)


    Goedendag,

    Ik ben voor het eerst aan het werk met WordPress, met het thema Twenty Sixteen. Alles is gelukt zoals ik wil, maar er zijn 2 dingen waar ik niet uitkom:

    – De tekst welke ik schrijf in een bericht komt niet netjes uitgelijnd onder de titel van het bericht. De tekst springt een stuk naar rechts in, zowel op de homepage als op de berichtpage zelf. Kan dit ook netjes links uitgelijnd worden?

    – Op de berichtenpagina’s is de sidebar met widgets weg. Deze zou ik ook graag zien op de berichtenpagina’s. Indien mogelijk ook andere widgets dan op de homepage.

    Link: favoritez.nl

    Kunnen jullie mij vertellen hoe ik dit kan aanpassen in het huidige thema?

    Dank!

    Ps. ik heb verder geen verstand van codes, dus hopelijk is de oplossing niet heel moeilijk…

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Hi,

    Ik heb je site bekeken.
    Nu staat het tekstblok RECHTS uitgelijnd.

    Verander dat als volgt:

    body:not(.search-results) article:not(.type-page) .entry-content {
    		float: left;/*aangepast*/
    		width: 71.42857144%;/*pas zo nodig aan*/
    	}

    Sidebar zichtbaar:

    Begin hier eens:

    1. Dashboard > Customizer > widgets > sidebar
    2. klik ‘+ widget toevoegen‘ en kies de widgets die je wilt tonen
    3. sla alle wijzigingen op
    4. <CTRL-F5> ververs je browser en bekijk het resultaat
    5. — — — kijk ook eens….

    6. dashboard > weergave > widgets
    7. sleep en drop de gewenste widgets op hun plek
    8. sla alle wijzigingen op
    9. <CTRL-F5> ververs je browser en bekijk het resultaat

    Heb ik je verkeerd begrepen? Loop je vast?
    Leg uit / vraag gerust…

    Thread starter vgroenewoud

    (@vgroenewoud)

    Dag WP Ginfo,

    Dank voor je supersnelle reactie! Super. Ik heb beide zaken geprobeerd, maar het is mij niet helemaal duidelijk. Ligt niet aan jou uitleg, maar aan mijn onkunde opgeleid van codes.

    – Waar kan ik deze code veranderen? Wanneer ik ga naar: Weergave > Editor. Dan krijg ik allerlei mogelijkheden om de code aan te passen. Moet ik dit hier ergens doen? Zo ja, waar?

    – Verder heb ik ook je uitleg van de sidebar geprobeerd. Wanneer ik echter naar Dashboard > Customizer > Widgets > Sidebar ga, dan kan ik de widgets wel aanpassen, maar dan veranderd dit enkel op de homepage. Niet op de berichtenpagina’s. Wanneer ik op de berichtenpagina de widgets wil aanpassen, zijn deze ook lichtgrijs (lijken niet beschikbaar). Op de andere manier welke je hebt aangegeven wil ook niet, aangezien ik daar maar 1x een sidebar kan vullen met widgets en verder heb je 2x een mogelijkheid om ‘inhoud beneden’ te vullen.

    Doe ik iets verkeerd?

    Nogmaals dank voor je hulp!

    Hi,

    Dank voor de reactie.

    body:not(.search-results) article:not(.type-page) .entry-content {
    		float: left;/*aangepast*/
    		width: 71.42857144%;/*pas zo nodig aan*/
    }

    == == == WAT NU TE DOEN MET DEZE CODE…

    Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
    Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

    Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    == == == ik wil echt GEEN childtheme [en begrijp het probleem van het aanpassen van het originele theme…]
    Zet de bovenstaande code dan ONDERAAN het bestand ‘style.css’ van je thema. Ververs je browser <CTRL-F5>.
    == == ==

    == == == Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
    • Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
    • open de map van je childtheme
    • gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
    • voeg bovenstaande code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
    • UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
    • browser: druk <CTRL-F5> om je browser te verversen
    • bekijk het resultaat

    – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == == Op de berichtenpagina’s is de sidebar met widgets weg.

    Ik heb naar je site gekeken.
    Bijv.

    — — — heb je dit al geprobeerd / gecontroleerd?

    1. dashboard > berichten > nieuw bericht
    2. klik re-boven de TAB ‘scherminstellingen’
    3. vink AAN: ‘berichttype’ >> er opent zich wrsch een zijbalk in de dashboard-editor
    4. klik bijvoorbeeld ‘aside’ en sla de wijzigingen op
    5. browser: ververs <CTRL-F5> en kijk of dit iets verandert in de weergave….
    Thread starter vgroenewoud

    (@vgroenewoud)

    Super! Het eerste deel van mijn vraag is gelukt!
    Ik kon eenvoudig de code plakken in de CSS stylesheet-editor en de tekst is nu goed uitgelijnd en ik heb deze tevens beeldvullend gemaakt.

    Nu het tweede deel nog. Ik heb bovenstaande geprobeerd, maar dit levert helaas niets op. Zijn er nog andere opties?

    Hi,

    ’t Is vreemd… Ik heb een schone site met 2016 geinstalleerd om te kijken…
    Daar zijn -default- de zijbalken zichtbaar, zowel op de homepage als op de berichtpagina.

    Vraag is nu wat je hebt gedaan om dat te veranderen…

    — — — herstel het 2016-thema

    1. download het thema naar je PC: 2016
    2. UNZIP het bestand >> map: twentysixteen
    3. — — —

    4. gebruik FTP of de webhost-dashboard om je site te benaderen
    5. kopieer en OVERSCHRIJF het 2016-thema
    6. — — —

    7. her-bevestig menu’s en widgets
    8. ververs de browser <CTRL-F5> en controleer het resultaat

    NB! Plaats bovenstaande code opnieuw in custom-css [of maak ’n childtheme]

    Laat me weten…

    Thread starter vgroenewoud

    (@vgroenewoud)

    Goedenavond!

    Het is gelukt. Ik wist niet precies hoe ik bovenstaande moest doen, maar met nog een hulplijn extra is het gelukt!

    Dank voor de hulp!

    Fijne avond.

    Graag gedaan, veel plezier met je site

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Tekst verschuiven onder titel widgets op berichtpagina's. Theme Twenty Sixteen’ is gesloten voor nieuwe reacties.