oh, that’s a problem with a lot of image sliders. You need to set the slides to display:none initially like so:
#mygallery .open, #mygallery .slideelement{display: none;}
Bheadrick where do i find that? I was looking for it in the header.php and featured.php but can’t find it.
you put that in your style.css. It will essentially hide all the slides when the site first loads, but the jquery will make them visible once the site finished loading.
Thanks Bheadrick for the come back, i looked into the style.css and the only thing with display in it:
#pagemenu li a, #pagemenu li a:link {
color: #8BA0B4;
display: block;
#pagemenu li a:hover, #pagemenu li a:active{
color: #FFFFFF;
display: block;
#navcontainer {
height: 42px;
display: block;
overflow: hidden;
commentmetadata {
margin: 0;
display: block;
I swept through the style.css several times and nothing related to slides and display. However, the only thing close to:
#mygallery .open, #mygallery .slideelement{display: none;} is this:
<div id=”myGallery” class=”jdGallery withArrows” style=”display: block;”>
I used firebug, i went ahead to search for this line in the header.php and style.css and other php files it’s not there. I also posted a support query with this on the WordPress themes forums and still no reply.
Its not there.you need to add it.
The jquery handles positioning and hiding slides so only one displays at a time, but it only starts working after the page loads. You want to hide the slides first. The jquery will override once it is running. You can put the line of CSS I gave you at the bottom of your style.CSS
Bheadrick its still a no go, i even got a response from the theme’s support stating i should add only at the bottom of css.
.slideelement{display: none;}
I tried out both suggestions yours still makes the slide and lettering load in a distorted manner. The support suggestion loads the same but the slide images are hidden.
I finally got something that seems to help with the slideshow and text loading issue. I was give this to paste it at the bottom of the css.
#myGallery {
overflow: hidden;
}
