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.

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.0
    • Fix Version/s: 2.5
    • Component/s: Course
    • Labels:
    • Testing Instructions:
      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.
    • Affected Branches:
      MOODLE_20_STABLE
    • Fixed Branches:
      MOODLE_25_STABLE
    • Pull Master Branch:
      wip-MDL-25630_master

      Description

      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

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Votes:
                2 Vote for this issue
                Watchers:
                11 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  14/May/13