BRAND NEW Website. Need Feedback

Discussion in 'Digital Marketing' started by Lynden-Jeff, Mar 12, 2012.

  1. greg8872

    greg8872 LawnSite Senior Member
    Posts: 298

    I have 788 pixels of display in Firefox, and some of the images are 750 tall then you also have the border and the controls, it it just barely fully fitting in the window (and most people when they scroll, don't stop as soon as the minimum is scrolled, they will scroll down some past it to see that for sure where the bottom of it is located.

    Attached is a 50% screen shot of my browser full screen on my laptop display (my monitor attached is 1280x1024, so it doesn't have the problem. (this is a place where stats on screen size would be good, that not only tracks screen resolution, but also the size of the actual display for the page).

    -Greg

    lynden-screen.png
     
  2. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,419

    Regardless of browser and screen resolution, it will be a recurring issue. Colorbox has a couple of places you can try to force a positioning change, overriding what's currently happening (it seems to keep repositioning the next image based on your scroll location of the previous). Try making changes in the colorbox.css to set the modal window position to 50px (or whatever) and then add !important; to close it. It should look something like this:

    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:50px !important; left:0; z-index:9999; overflow:hidden;}

    If that doesn't do it, you have to dig into the colorbox.js to adjust the window positioning. There's a fair amount of code in there that handles this. The css method would be much easier to override the script's result, as opposed to getting the script to match what you want.
     
  3. Lynden-Jeff

    Lynden-Jeff LawnSite Bronze Member
    Posts: 1,405

    Thanks Tony, made the change so if one of you guys can see if it works that would be great.
     
  4. Lynden-Jeff

    Lynden-Jeff LawnSite Bronze Member
    Posts: 1,405

    On second look of my own the 50 PX did not seem to work. It was bumping it so you could not see the controls. I change it to a value of top:1 PX and it seems to be working. Can one of you guys verify?
     
  5. greg8872

    greg8872 LawnSite Senior Member
    Posts: 298

    Seems like it is behaving better now, even when i make my browser window smaller.

    -Greg
     
  6. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,419

    Yup, that fixed it. Glad to see it worked out. The 50px was just an example to throw a number on.

    I've wrestled with Colorbox a few times, but it's rare to find a slideshow that doesn't have some presentation issue or another.

    And for those of you that roll your sleeves up and dig into your own site's CSS, the " !important " tag is one of the strongest there is. When you have a script, such as Colorbox, or a site you don't have full control over the core programming of, the !important tag forces it to supersede any and all other possible styles that are trying to be set.

    Tony
     
  7. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,419

    You could still have it set to your originally intended 0px. I was just using the 50px as an example, with the !important tag being, well...the important bit to illustrate. :) Cheers.
     

Share This Page