Miragu

So I copy pasted what you wrote ^ on the bottom of crellyslider.css and nothing happened, but I figured out how to directly edit the bottom squares and arrows directly in the .css file. Right now I have mine set at

.crellyslider > .cs-navigation > .cs-slide-link {
display: inline-block;
width: 36px;
height: 36px;
margin: 10px;
cursor: pointer;
border-style: solid;
border-width: 2px;
border-color: white;
background: rgba(255,255,255,0.6);
/*background-image: url(‘../images/navigation-links.png’);*/
/*background-position: 0 0;*/
}

.crellyslider > .cs-navigation > .cs-slide-link.cs-active {
/*background-position: -7px 0;*/
background: rgba(0,255,0,0.6);
border-color: rgba(0,255,0,1.0);
}

and arrows

.crellyslider > .cs-controls > .cs-previous,
.crellyslider > .cs-controls > .cs-next {
display: block;
width: 36px;
height: 36px;
position: absolute;
cursor: pointer;
background-image: url(‘../images/controls.png’);
background-size: cover;
}

.crellyslider > .cs-controls > .cs-previous {
background-position: 0 0;
left: 30px;
}

.crellyslider > .cs-controls > .cs-next {
background-position: 36px 0;
right: 30px;
}

It seems you used images for the squares, I reworked it so it’s just CSS generated squares. Would be nice if we got it so the squares actually held mini slide previews, but that’s out of my league.

If you are curious, my site is http://www.smalldel.com

I added the above in my style.css (from appearance editor) and changed things to 100px but nothing changed. I already tried crtl+f5. Is something wrong?

I’ve been reading the crelly slider code and it looks like there should be a crellyslider.css file somewhere but i don’t see it in the plugins editor.

Got the problem solved. apparently my theme opened up a new div right at the end of the header.php that didn’t close until it reached footer.php

Oh sorry, I forgot to include the link. It’s http://www.smalldel.com/