Results 1 to 5 of 5

Thread: Search template background image

  1. #1
    Join Date
    Jul 2012
    Posts
    4

    Default Search template background image

    I would like an image on the whole of my search form.

    I used something like : background-image : url('../../../images/background.jpg');
    But i don't know where to put it and if it's the correct code.

    Tx anyone.

  2. #2
    Join Date
    Dec 2004
    Location
    Sydney
    Posts
    4,155

    Default

    You can edit the search_template.html file (and the CSS in this file) to select a background colour or background image. You can treat this like a normal HTML file.

    For example,
    body {background-color:#b0c4de;}
    or
    body {background-image:url('paper.gif');}

    This FAQ should also help in working out what CSS fields to edit,
    Q. How do I customize the appearance of my search results with CSS?


  3. #3
    Join Date
    Jul 2012
    Posts
    4

    Default

    I have no idea where to put this .
    I have

    <body onload="if (document.getElementById('zoom_searchbox')) {document.getElementById('zoom_searchbox').focus() ;}">

    where do i put {background-color :#b0c4de;}

    tx

  4. #4
    Join Date
    Dec 2004
    Location
    Sydney
    Posts
    4,155

    Default

    It is a CSS style.

    So in the file we provide you can find this,

    <style type="text/css">
    .highlight { background: #FFFF40; }
    .searchheading { font-size: 130%; font-weight: bold; }

    add the body line in the CSS style block. So it will be like this,

    <style type="text/css">
    body {background-color:#b0c4de;}

    .highlight { background: #FFFF40; }
    .searchheading { font-size: 130%; font-weight: bold; }



    If you are creating a web site, then I would strongly recommend getting a basic book on HTML and web design. There are dozens of good HTML books on the market. It will save you a lot of time in the long run.

  5. #5
    Join Date
    Jul 2012
    Posts
    4

    Default

    And it works!!!! Tx
    Splendid system and excellent support. Keep up the good work.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •