Help replacing artwork in theme

Thanks for your quick reply, I was able to get somewhat closer to what I am trying to achieve.
I cannot find the values that remove the black caption section covering the bottom of my slider artwork. As you can see I have built the background into each slide and was hoping that by setting the slider full width values to the full 960 width it would fill the space. This I set in the CSS further down in what you sent me.

Any further Ideas would be great to hear

Here is the link to the home page again

Thanks,

Phill

emiluzelac

Appreciate your follow up with this.
I have found this code in my CSS but not sure how to achieve what I need with this. Do I take it out to allow my slider image to fill the space? Am I going in the right direction by placing my desired background in the slider image itself or should I be bringing in a seperate background image somehow?

I do use the dev tools through crome on a mac truth is I have a hard time selecting on the page what I want to see the code or CSS for

Cheers

Phill

Great I will give that a shot.
I will let you know how I get on.

thanks

Phill

Emil

I tried it both ways and was not able to remove the caption area or fill the space fully with my new artwork stll had caption area at the bottom of the slider I tried removing all references to full size captions in the code ect.

Here is my CSS code before changes for the cycle slider. Do you see anything else that might need adjusting? I suspect it is some kind of padding but there are no values in here.

Is there a way to send you a jpg of what I am trying to achieve?

Thnkas

Phill

/* CYCLE SLIDER */
.slidecontainer{ background:#333; padding:0px;
border-top:0px solid #444;
border-left:0px solid #222;
border-right:0px solid #222;
border-bottom:0px solid #050505;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
box-shadow:0px 1px 3px rgba(0, 0, 0, .4);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .4);
background: -moz-linear-gradient(top, #303030, #111);
background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111));
-ms-filter:”progid:DXImageTransform.Microsoft.gradient(startColorstr=#303030, endColorstr=#111)”;
margin-bottom:0px;
float:left;
color:#999;

}

.slidecontainer h1, .slidecontainer h2, .slidecontainer h3, .slidecontainer h4, .slidecontainer h5{color:#eee;}
.slidecontainer p {color:#999;}

#cyclewrapper{position:relative; float:left;margin:0; padding:0;}
#cycle{overflow:hidden; z-index:1; float:left; }
#cycle ul{display:inline; float:left;}
#cycle .buttonwrap{clear:left;}

#cycle h1{background:none; border:none; color:#444;}

.slide { position:relative; float:left;}

.cycle_fullwidth .slide-mini-caption{ padding:10px; position:absolute; left:4px; bottom:4px; float:left; background:url(lib/img/theme/black_alpha_80.png);}
.cycle_fullwidth .slide-caption{ padding:10px; position:absolute; left:4px; bottom:4px; margin-bottom:-200px; width:872px;background:url(lib/img/theme/black_alpha_80.png); display:none;}

.slide-caption p b{ color:#eee; margin:0 0 10px 0; font-size:14px;}
.slide-mini-caption p b{ color:#eee;}
.slide-mini-caption p,
.slide-caption p { color:#777; margin:0; }

.cycle_fullwidth .slide-mini-caption p,
.cycle_fullwidth .slide-caption p {max-width:800px;}

.cycle_normal .slide-mini-caption p,
.cycle_normal .slide-caption p {max-width:530px;}
.content-default #cyclewrapper, .content-fullwidth #cyclewrapper{margin-bottom:0px;}

.slide_fullwidth{width:960px;}
.cycle_fullwidth{width:960px; float:left; }

.cycle_normal .slide-mini-caption{ padding:10px; position:absolute; left:4px; bottom:4px; float:left; background:url(lib/img/theme/black_alpha_80.png);}
.cycle_normal .slide-caption{ padding:10px; position:absolute; left:4px; bottom:4px; width:562px;background:url(lib/img/theme/black_alpha_80.png); margin-bottom:-200px; display:none;}

.slide_normal{width:590px;}
.cycle_normal{width:590px; }

#prev-slide, #next-slide { width:30px; height:30px; bottom:10px; margin-bottom:0px; }
#prev-slide { background:url(lib/img/theme/prev.png) no-repeat center center; position:absolute; right:30px; margin-left:0px; z-index:100; }
#next-slide { background:url(lib/img/theme/next.png) no-repeat center center; position:absolute; right:10px; margin-right:0px;z-index:100; }

Thanks for the suggestions.

I have depelted most of these items and still have o grey area that affects the slider area. I have tried multiple combinations of adjusting the CSS to get this to work but the piece of background to the right and below still remain

This one really has me stumped!

This is how the site is right now with the following CSS:

/* CYCLE SLIDER */
.slidecontainer{ background:#333;
border-top:0px solid #444;
border-left:0px solid #222;
border-right:0px solid #222;
border-bottom:0px solid #050505;
-moz-border-radius: 2px; -webkit-border-radius: 2px;

margin-bottom:10px;
float:left;
color:#999;
}

.slidecontainer h1, .slidecontainer h2, .slidecontainer h3, .slidecontainer h4, .slidecontainer h5{color:#eee;}
.slidecontainer p {color:#999;}

#cyclewrapper{position:relative; float:left;margin:0; padding:0;}
#cycle{overflow:visable; z-index:1; float:left; }
#cycle ul{display:inline; float:left;}
#cycle .buttonwrap{clear:left;}

#cycle h1{background:none; border:none; color:#444;}

.slide { position:relative; float:left;}

.slide_fullwidth{width:960px;}
.cycle_fullwidth{width:960px;}

#prev-slide, #next-slide { width:30px; height:30px; bottom:10px; margin-bottom:0px; }
#prev-slide { background:url(lib/img/theme/prev.png) no-repeat center center; position:absolute; right:0px; margin-left:30px; z-index:100; }
#next-slide { background:url(lib/img/theme/next.png) no-repeat center center; position:absolute; right:0px; margin-right:10px;z-index:100; }