As we can see, the installed theme does not exactly match the look of the first screenshot of this chapter. Many CSS styles are in place, but the searchbox is in the wrong location, and there is a calendar portlet present. You may also notice that breadcrumbs are not present, as they are suppressed using CSS styles. Additionally, the center page content is not yet populated.
To make the site look more realistic, we need to adjust our viewlets, as well as add and suppress some content and portlets on the web site to support the design.
First, let's adjust the viewlets on the site by going to http://localhost:8081/mysite/@@manage-viewlets
. We have to do this because the Guria theme does not use ordering to organize the viewlets. At the time that the theme was created, ordering was not functional, but should be now. Using the up arrow, next to the searchbox with the orange "Go" button, you can move the viewlet directly below the viewlet called...