twenty eleven sidebar links smaller maken

  • unika

    (@unika)


    13 jaren, 2 maanden geleden

    Ik gebruik het thema twenty eleven, maar wil mijn sidebar gebruiken om enkel een langwerpige afbeelding weer te geven op alle pagina’s. De sidebar mag dus smaller worden, en de content breder. Na een Google-search het ik gevonden dat ik in style.css wijzigingen moet aanbrengen bij volgende code:

    /* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

    Maar wat ik ook probeer ik krijg niet het gewenst effect. Wie kan helpen?
    TIA

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • robelia

    (@robelia)

    13 jaren, 2 maanden geleden

    Ik gebruik het thema twenty eleven, maar wil mijn sidebar gebruiken om enkel een langwerpige afbeelding weer te geven op alle pagina’s

    Het is dan niet slim om een sidebar te gebruiken.
    In het Thema heb je de mogelijkheid om paginabreed je pagina ’s te laten zien. Als je nu de content een achtergrondafbeelding geeft met de balk die je wilt krijg je wat je wilt.

    Thread starter unika

    (@unika)

    13 jaren, 2 maanden geleden

    Bedankt voor de tip, ik heb gekozen voor een enkele kolom, maar waar stel ik nu in dat mijn afbeelding moet getoond worden in de content? In page.php, in de CSS??
    Als ik dit doe via weergave > achtergrond verschijnt ze volledig links buiten mijn eigenlijke website, en das ook niet de bedoeling natuurlijk 🙂

    robelia

    (@robelia)

    13 jaren, 2 maanden geleden

    De volgende kleine stap 🙂
    Als je even de link van de website geeft was het nog makkelijker.
    In de bron van je site (even rechtermuisknop, bron weergeven kun je zien waar de inhoud begint.
    Meestal iets van <div class=”contents”>etc bla bla </div>
    In de style.css zoek je even naar
    .contants {bal bla bla bla}
    en zet daarin je achtergrondafbeelding voor de pagina bijvoorbeeld balk.jpg of balk.png, zoals je die wilt.
    Je brenkt het plaatje naar de server, het liefst in de map images van je thema, en ondhoudt de link.
    Bij style.css ga je dus naar: contents of zoals dat bij jou heet.

    .contents {background-color: #1ba7e2;background-image:url(‘http://www.jouwebsite.nl/wp-content/themes/jouthema/images/balk.jpg’);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-attachment:fixed;
    En alles wat er nog meer staat;
    }

    thats all
    succes

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘twenty eleven sidebar links smaller maken’ is gesloten voor nieuwe reacties.