Aangemaakte reacties

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Vreemd. Ik heb nog eens geprobeerd (met Firebug in FireFox) door volgend lijntje in style.css:

    .site-header {
        padding: 1.71429rem 0;
    }

    te veranderen in:

    .site-header {
        padding: 1.71429rem 0 0;
    }

    En lijkt opnieuw te lukken hier. Ik heb momenteel geen ander idee.

    Dit zou je misschien kunnen op weg helpen: http://vimeo.com/18746282
    Een filmpje waar iemand uitlegt hoe hij het voor mekaar kreeg.

    Cufon ken ik niet echt in detail?
    Maar na een Google ‘change color cufon text’, lijkt het dat je de kleur gewoon kan veranderen met CSS stijlen.

    Met het risico dat dit allemaal een beetje te technisch is:

    Je moet enkele aanpassingen in het bestand layout.css doen.

    Eerst om je kolommen een beetje breder te maken:
    in layout.css op regel 124 de breedte wat aanpassen:
    regel 124 is ergens na deze hoofding in de css:

    /* #Sub grids 1 to 24
    ================================================== */

    dit:

    .container_24 .grid_sub_6 { width:23.5% ;}

    aanpassen naar:

    .container_24 .grid_sub_6 {width:27%;}

    En dan om de middelste echt in het midden te zetten:

    in layout.css op regels 174 en verder:

    dit:

    /* #Tablet (Portrait)
    ================================================== */
    
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    }

    veranderen als volgt:

    /* #Tablet (Portrait)
    ================================================== */
    
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px)  {
    	div.grid_sub_6.sub_center {margin: 0 8%;}
    }

    Die layout.css is het stijlbestand dat de layout regelt van je ‘responsive’ site.
    Als je je scherm verkleint of dan weer vergroot, dan zie je dat de elementen van je site zich wat aanpassen aan de beschikbare schermbreedte.

    In layout.css worden voor een aantal schermbreedtes telkens andere waarden meegegeven aan bepaalde elementen van je pagina’s.

    Je header heeft in de CSS een padding-bottom. Die kan je in je CSS weghalen door twee keer 0 (nul) toe te voegen:

    /* Header */
    .site-header {
    padding: 0px 0;
    padding: 1.714285714rem 0 0 0;
    }

    Dit zou moeten lukken

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)