PassMark Logo
Home » Forum

Announcement

Collapse
No announcement yet.

How to modify the layout of the results page

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to modify the layout of the results page

    Hello
    I've got the css feature sussed and am happy with the fonts etc of the results form but I was wondering if there is any way I can squish up this part of the form:
    Search results for: results form.....


    13 results found containing all search terms. 30 results found containing some search terms.


    5 pages of results.

    Sorted by relevance / Sort by date

    ....
    It takes up so much of the screen and in my page the results you almost have to scroll down to see the results. I would like to close the vertical gaps between those three lines above, and if possible I would like to bring the line -- Sorted by relevance/Sort be date -- up to beside the previous line to reduce save screen space. I've looked in the user guide and the faqs but they only seem to deal with fonts and buttons. I looked in the settings file but it was a little complicated for me and I dónt want to break it. Look forward to hearing from you.
    Regards

  • #2
    You can modify the line spacing (and many many other things) using CSS.

    First have a look at our mini CSS summary,
    http://www.wrensoft.com/zoom/support/css.html

    Then have a look at the HTML produced by Zoom. For example you will see something like this,

    Code:
    <div class="searchheading">Search results for&#58; xxx</div>
    <div class="summary">12 results found.
    </div>
    So if you modify the CSS style for "summary" & "searchheading" you can affect the line height.

    More details about CSS can be found here,
    http://www.w3.org/MarkUp/Guide/Style
    in particular see the section called, "Controlling the white space above and below"

    ---
    David

    Comment

    Working...
    X