Announcement

Collapse
No announcement yet.

Change the Z-Index of Quick Search

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

  • Change the Z-Index of Quick Search

    Anybody know how to change the Z-Index for Quick Search. On our new design it seems to be behind everything.

    I noticed in quicksearch.css, div.searchlight-balloon it's set to 999, but that doesn't seem to be working. I checked our style sheet and nothing we have is over 10.

    Am I looking in the wrong place?

  • #2
    Have a link?

    Comment


    • #3
      Sorry about that. We have the site sort of hidden using a password deal but you can still see the search

      http://www.projectri.de/

      Comment


      • #4
        When I inspect the quicksearch results in Chrome Inspector it does not seem to be modified by quicksearch.css. I couldn't figure out why in the couple minutes I spent on it. When I manually add z-index:99 to the searchlight-balloon div within the inspector, it displays on top like you want.

        Maybe try adding the rule to your normal CSS file?

        Comment


        • #5
          I tried putting just this in our normal spread at the bottom.

          div.searchlight-balloon {
          opacity: 1.00;
          z-index: 99;
          }
          Did you happen to change anything else?

          Comment


          • #6
            Figured it out.

            The HTML has
            Code:
            classname="searchlight-balloon"
            It should be "class", not "classname"

            That error exists in several spots in that quicksearch code.

            I'm not sure what file you need to go to to fix it, but that will fix it.

            Comment


            • #7
              They are in files in the common folder. Wouldn't that mean they are messed for everybody?

              Comment


              • #8
                Yes, quite possibly. It is definitely not valid HTML and is the reason why the CSS is not applying to it. It may have been relying on an old IE hack or something.

                Comment


                • #9
                  We asked 3D about it with no luck:

                  ClassName is a javascript part of the code, this is something that doesn't require class as class is an HTML/CSS element. I apologize however these are required parts of the code itself. If you have any additional questions please feel free to let me know.
                  I'll have to fiddle with it at some point.

                  Comment


                  • #10
                    Yeah, I don't think that is an acceptable answer on 3DCart's part. This is clearly a flaw in the code.

                    Comment

                    Working...
                    X