First make sure that you have turned on your topic section within your site settings. Then, from your
front page:
- Turn editing on
- click the edit img to edit your topic section summary.
- paste the code from the MoodleDocs Page into the WYSIWYG editor on the summary edit page.
- Complete the code with your desired parameters/content.
Within your chosen theme's file in your Moodle directory you will find three
CSS files. Open one of those files and paste the CSS code at the end and save. If this is the only CSS you plan to edit, it shouldn't matter where you put it.
This should give you the look that you desire.