Main Images Not Displaying (conflict?)

Your host looks like it’s having a hard time processing the dynamic CSS file orbit-css.php

Typically this header("Content-Type: text/css"); at the top of the file fixes that problem, but for some reason your server isn’t reading it properly… Ideally we could get around that by forcing the height of the slideshow and a few other details. I went ahead and figured out the main pieces to hand input.

Add this to the end main.css

#featured1, div.satl-wrapper {
  height: 400px !important;
}
div.orbit-default.default-thumbs div.satl-wrapper {
  marbin-bottom: 20px;
}
.thumbholder {
  padding-top: 390px !important;
  padding-bottom: 10px;
}

Hi Cpres,
thanks for the help.

It looks like something is still over-riding it?

I’ve added the code but the width is also now affected.
Ive currently just tried adding a 100% width to your code but its not made any difference?

You can see the slideshow initially loads full width, but after a few seconds is quickly resized?

You can set your slideshow to be any width you want it. Something tells me in your configuration you have it set to 450? Try changing that to 550 px and you should be OK. It’s responsive so it will adjust if the surrounding div is smaller

Hi,
The width is set to 900px.

I have tried other sizes but its still cropped?

Ooh, that’s because the the orbit-css.php handles the customizing of the widths…

#featured1, div.satl-wrapper {
    height: 400px !important;
    width: 100% !important;
    max-width: 700px !important;
}

you might also need to add this:

div.resp div.sorbit-wide {
  max-width: 100%;
}