Goede fles wijn verdienen? :-) CSS opmaak hulp nodig vandaag!

  • Anne020

    (@anne020)


    10 jaren, 7 maanden geleden

    Een krat bier mag ook. Of cash… Voor degene die mij vandaag telefonisch uit de brand kan helpen met aanpassingen in de CSS van een simpele WordPress site met als theme Twenty Twelve. Om privacy redenen kan ik de URL van de website hier niet vermenden dus hierbij een opsomming van wat ik wil:

    – achtergrondkleur menu aanpassen
    – achtergrond kleur widget aanpassen
    – uitlijning menu meer van de kant (witruimte)
    – minder witruimte tussen header en H1
    – een uitklap (accordeon) left side menu (dat uitschuift naar rechts)
    – header over de volledige breedte / hoogte (nu witruimte erom heen)
    – lettertype aanpassen

    Misschien moet ik een (betaald) theme nemen, echter heb ik al uren besteed aan het vinden van een theme wat overeenkomt met wat ik wil en ik ben bang als ik ergens voor betaal dat ik dan iets neem wat ik niet kan aanpassen.

    Indeling website:
    – Header over de volle breedte (geen slider)
    – Linker menu (met uitschuif ivm meerdere niveaus)
    – Contact details links onder het menu
    – Geen menu bovenaan
    – Tekst pagina’s
    – Homepage met plaatjes in 2 kolommen met tekst eronder die kunnen doorklikken naar de pagina’s

    Zo simpel, maar toch lukt het me niet het te krijgen zoals ik het wil. Of weet iemand een thema wat precies kan wat ik hierboven heb beschreven?

    Wie kan en wil me hier vandaag mee helpen over de telefoon, uiteraard tegen een eerlijke vergoeding. Daar komen we wel uit!

    Groetjes, Anne

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

    (@nomennescio)

    10 jaren, 7 maanden geleden

    Bent u al geholpen?
    Ik had er graag ingedoken maar helaas vertrek ik zo voor een weekje naar Zwitserland. Mocht u daarna nog problemen hebben dan helpen wij u graag.

    In de tijd die me tot het vertrek rest kan ik u wellicht wel helpen met het lettertype, de grootte van de letters en de kleuren.

    Thread starter Anne020

    (@anne020)

    10 jaren, 7 maanden geleden

    Hallo,
    Bedankt voor uw reactie. En nee, ik ben nog steeds aan het prutsen. Lettertypes aanpassen is me inmiddels wel gelukt 🙂 Fijne vakantie in Zwitserland!
    Gr. Anne

    NomenNescio

    (@nomennescio)

    10 jaren, 7 maanden geleden

    Goed dat u er mee bezig bent.
    Als u al in de style.css aan het werk bent:
    ik raad u aan om eerst de style.css te kopieëren en te plakken in wordpad of kladblok. Deze slaat u op zodat u altijd een kopie heeft die u terug kunt plaatsen als alles fout is gegaan.

    Veranderen van de kleur van de widget:
    U zoekt in de style css naar
    /* =Widgets
    hieronder ziet u staan:
    background: #…
    op de plaats van de puntje staat de kleur van de widget gedefinieerd. Hier kunt u de kleurcode zetten van de kleur die u wilt.
    Indien u de kleurcode niet kent, kunt u kijken op http://www.colorpicker.com

    NomenNescio

    (@nomennescio)

    10 jaren, 7 maanden geleden

    minder witruimte tussen header en H1:

    u zoekt in de style css naar:
    /* Content
    daaronder zal staan
    #main{
    clear: both;
    padding: 1.25em O O

    als u bij padding het getal voor ‘em’ verlaagt, wordt de witruimte kleiner.

    Thread starter Anne020

    (@anne020)

    10 jaren, 7 maanden geleden

    Thanks voor deze tips!
    Ik heb de achtergrond van de widget aangepast. Het liefste zou ik de 2 onderdelen die in de widget / left menu staan (menu en contactgegevens) in aparte blokjes willen zetten met andere achtergrondkleuren en witruimte ertussen. Is dat ingewikkeld?

    En hoe kan ik de letters in de widgets een andere kleur geven?

    Ook heb ik het menu verplaatst naar links met onderstaande code:

    /*– move sidebar to the left –*/
    @media screen and (min-width: 600px) {
    .site-content {
    float: right;
    }
    .widget-area {
    float: left;
    background-color:#F7EEDA
    }
    }

    /* for IE8 and IE7 —————-*/
    .ie .site-content {
    float: right;
    }
    .ie .widget-area {
    float: left;
    background-color:#F7EEDA
    }

    NomenNescio

    (@nomennescio)

    10 jaren, 7 maanden geleden

    Header over de hele breedte:
    ik weet niet wat u nu in de header hebt staan maar u moet er rekening mee houden dat het beeld dat u normaliter ziet bestaat uit een centrale kolom waarin al uw berichten etc staan en een background. De breedte van de kolom kunt u aanpassen maar de meeste website’s gebruiken hiervoor een breedte van ongeveer 1.000 pixels. De rest van het beeldscherm wordt opgevuld met de background. Afhankelijk van het soort beeldscherm ziet u weinig background (telefoon, ipad) of veel background (een brede monitor bij een pc). Als u de header breder maakt dan de kolom kan dit volgens mij problemen opleveren als u site wordt bekeken op een kleiner beeldscherm.

    Thread starter Anne020

    (@anne020)

    10 jaren, 7 maanden geleden

    Ps. welke code kan ik uit de CSS verwijderen / aanpassen zodat het top menu verdwijnt? Ik wil alleen een linkermenu namelijk.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Goede fles wijn verdienen? :-) CSS opmaak hulp nodig vandaag!’ is gesloten voor nieuwe reacties.