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 6 jaren, 6 maanden geleden door
Jeroen Rotty.
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.
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.
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!
