Category: CSS

Changing size of page header 13

Changing size of page header

The header of Archaius has four sections: Header top Header page inner container Logo container Login info container Custom menu The height of the header page is a summation of the height of the...

Change size of slideshow Archaius 7

Change size of slideshow Archaius

After talking with my friends I decided to restrict the size of slides in the slideshow to 300px, but people have different needs and goals with the front page slideshow. Thats why I want...

Centering  Archaius custom menu 0

Centering Archaius custom menu

Some people prefer to have the custom menu centered. If you want to center the custom menu of archaius you just have to add the following CSS in the customCSS option of Archaius. Go...

How to customize Archaius custom menu 7

How to customize Archaius custom menu

It is quite easy, You just have to use two archaius setting options: Custom CSS: to change custom menu background color. Color of the current item in custom menu. Procedure Color of the current...

Adding rounded corners to Archaius content 4

Adding rounded corners to Archaius content

Since release 2.0 for Moodle 2.6 I removed the rounded corners of the main container. It was just a change in the design. I got tired of boxes, rounded corners and shadows, that is...

Tables and responsive design 2

Tables and responsive design

I was trying to make my moodle theme archaius responsive, and I had had a horrible time making tables fit into small screen. CSS trick came with a nice solution