Ondersteuning » Thema en CSS/opmaak » Footer kolommen aanpassn

  • op mijn site zie je in de footer 3 kolommen. Hoe krijg ik deze kolommen beter verdeeld? Dus de middelste kolom in het midden van de pagina en de rechter kolom aan de rechterkant. Deze site is gemaakt met behulp van bizwaytheme.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Dag Irene,

    Kun je de volgende code toevoegen onderaan je CSS file:

    .container_24 .grid_sub_6 {
    width: 30% !important;
    }

    Dat zou moeten werken.
    Succes

    • Deze reactie is gewijzigd 4 jaren, 7 maanden geleden door Jeroen Rotty.
    Thread starter Irene Overeem

    (@irene707)

    Dank je wel Thijs, maar ik doe denk ik nog iets verkeerd. Als ik het namelijk helemaal onderaan in de CSS file zet gebeurt er niets.

    Thread starter Irene Overeem

    (@irene707)

    Er gebeurt toch wel iets. Door deze code toe te voegen,schuiven de kolommen over elkaar als je de site kleiner maakt voor de mobiel.
    En als ik deze code weer weghaal dan komen de kolommen in de footer weer netjes onder elkaar.

    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.

    Thread starter Irene Overeem

    (@irene707)

    Super Hans, het is gelukt.

    Ik moest wel even zoeken want waar vind ik Layout.css. Maar met de inspector van Firefox kan ik naar stijleditor en daar zie ik layout.css.

    Bedankt! Weer wat geleerd!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Footer kolommen aanpassn’ is gesloten voor nieuwe reacties.