Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-25630

Wrap the front page content in divs with descriptive classes so they can be styled individually.

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • 2.5
    • 2.0
    • Course
    • MOODLE_20_STABLE
    • MOODLE_25_STABLE
    • wip-MDL-25630_master
    • Hide

      Note to Tester:
      It is important that Theme Designer Mode is enabled before you commence testing!

      1. To TEST first select a theme that uses a Custom setting page where you can add CSS directly into the theme. Afterburner or Formal White or Sky High to name a few...
      2. If Frontpage settings have not been set to use Site news/Course list/Category names/ Category combo, then set that up now so that they all display before and after login.
      3. Next add the following CSS to the theme's custom settings page Site Administration > Appearance > Themes > Afterburner... (Other theme links)...

        #site-news-forum,
        #frontpage-course-list,
        #frontpage-category-names,
        #frontpage-category-combo {
            padding: 20px;
            border: 5px solid #036;
            border-radius: 20px;
        }
        #page-site-index .headingblock {
            margin-top: 0;
        }
        

        Save settings!

      4. Next go to Home page, either logged in or not and TEST to see if the various elements on the front page have a solid border round them.

      PS: As with most Moodle themes, it will look better if your screen resolution is between 1024px x 768px and 1400px x 1050px. If you use a very wide screen, then try floating the browser window (restore down)and make the window narrower by pushing the right edge <<=to the left.

      Show
      Note to Tester: It is important that Theme Designer Mode is enabled before you commence testing! To TEST first select a theme that uses a Custom setting page where you can add CSS directly into the theme. Afterburner or Formal White or Sky High to name a few... If Frontpage settings have not been set to use Site news/Course list/Category names/ Category combo, then set that up now so that they all display before and after login. Next add the following CSS to the theme's custom settings page Site Administration > Appearance > Themes > Afterburner... (Other theme links)... #site-news-forum, #frontpage-course-list, #frontpage-category-names, #frontpage-category-combo { padding: 20px; border: 5px solid #036; border-radius: 20px; } #page-site-index .headingblock { margin-top: 0; } Save settings! Next go to Home page, either logged in or not and TEST to see if the various elements on the front page have a solid border round them. PS: As with most Moodle themes, it will look better if your screen resolution is between 1024px x 768px and 1400px x 1050px. If you use a very wide screen, then try floating the browser window (restore down)and make the window narrower by pushing the right edge <<=to the left.

      The content on the front page isn't wrapped with anything useful, it would be nice if it were possible to styles each section of front page content individually.

      Please see linked discussion.

      Cheers
      Sam

            lazydaisy Mary Evans
            samhemelryk Sam Hemelryk
            Sam Hemelryk Sam Hemelryk
            Dan Poltawski Dan Poltawski
            Michael de Raadt Michael de Raadt
            Votes:
            2 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.