different caption position for each fullwidth slider

Hi,
I have set up a new page called “Testimonials”. In the developer settings for the fullwidth slider, the Custom Id Attribute is set to “testimonials” too. The following CSS has been added to the theme.
/*change caption position on Testimonials’ fullwidth slider*/
#testimonials.slideshow_align_caption {
top: 5px;
}
However, when I test this out, nothing happens.
Is there generic CSS that i an se to move the caption up/down/left or right?

Thanks!!

Thankyou Rikard, the code works, which is great!

So, I went ahead and added the code for 3 more fullwidth sliders. Now I have another problem, which may/may not be related – my CSS updates won’t save. This message is displayed: “Saving didn’t work. Please reload the page and try again.”
To try and fix this, I have done the following:
– tried to remove my last CSS update
– backed up my CSS then deleted all CSS
– reloaded the page
– logged off then logged on again

Nothing helps! Could you please help me. My CSS is included below:
/*change caption position on Home fullwidth slider */
.slideshow_align_caption {
top: -90px; left: 40;
}
/*change caption position on About fullwidth slider to top*/
#top .caption_bottom .slideshow_caption {
bottom: auto;
top: 30px; left: 40;
}
/*change caption position on Board fullwidth slider*/
#board .slideshow_align_caption {
left: 340px;
}
/*change caption position on Testimonials fullwidth slider*/
#testimonials .slideshow_align_caption {
top: -150px;
}
/*change caption position on Submit fullwidth slider*/
#submit .slideshow_align_caption {
top: 40px;
}
/*set constant height for all fullwidth slider images */
ul.avia-slideshow-inner {
max-height: 450px;
}
/*set constant height for all mobile fullwidth slider images */
@media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 420px !important;
margin-bottom: -60px;
}
/*adjust width of mobile fullwidth slider images */
.av_slideshow_full li img {
width: 230% !important;
max-width: 230% !important;
margin-left: -25%;
}}
/*change heading case from upper to upper/lower */
h1, h2 {
text-transform: none !important;
}
/*change size of icon box title*/
.iconbox .iconbox_content .iconbox_content_title {
font-size: 20px;
text-transform: none;
}
/*change subtitle color in testimonials*/
.avia-testimonial-name {
color: #fa6f3c !important;
}
/* reduce Team member photo size */
.team-img-container img {width: 50%!important;
}
/* reduce Team member name size */
.avia-team-member .team-member-name {
font-size: 16px !important;
}
/* reduce Team member Description size*/
.avia-team-member .team-member-description {
font-size: 14px !important;
}
/* Job Title */
.avia-team-member .team-member-job-title {
color: #fa6f3c !important;
}
/* align Team member photo and name */
.team-img-container img { float: left; }
/*fill screen with web page*/
.responsive .container {
max-width: 100%;
}

Hi Rikard,

All fixed. I had a few syntax errors in my CSS. I fixed them and the problem stopped. Thank-you.
Angela