Fòrum Àgora-MOODLE

#region-main.has-blocks {
  float: right;
}
section[data-region="blocks-column"] {
  float: left;
}

Veuràs que en fer Desa els canvis t'apareixeran els blocs a l'esquerra.

Canviar l'amplada dels blocs

En aquest cas cal fer alguns càlculs: l'amplada per defecte dels blocs és de 360px (píxels virtuals, que poden ser més píxels reals en pantalles d'alta densitat), als quals s'afegeixen 15px de marge per assegurar una zona de separació amb el contingut principal.

Si volem que l'amplada dels blocs sigui de 200px, podem afegir aquestes directives CSS al mateix lloc que abans:

#region-main.has-blocks {
  width: calc(100% - 215px) !important;
}
section[data-region="blocks-column"] {
  width: 200px;
}

A una secció li assignem una amplada absoluta (200px) i per a l'altra indiquem al navegador web que calculi l'amplada disponible i li resti 215px (amplada dels blocs més 15px de marge)

Blocs a l'esquerra amb amplada canviada

En aquest cas caldrà combinar les dues instruccions:

#region-main.has-blocks {
  float: right;
  width: calc(100% - 215px) !important;
}
section[data-region="blocks-column"] {
  float: left;    
  width: 200px;
}