Hi Andreas Matthiessen,
* change the color of frame: open the template.css file in "your_site/templates/sj_news17(sj_news25)/css", finding:
#slide_show .ytc-content-slideshow {
background: none repeat scroll 0 0 #000000;
overflow: hidden;
padding: 3px 3px 1px;
}
change to
#slide_show .ytc-content-slideshow {
background: your_color;
overflow: hidden;
padding: 3px 3px 1px;
}
Hi Andreas Matthiessen,
* change the medium transparent area and the bottom line to grey and color of number buttons: open the style.css file in "your_site/templates/sj_news17(sj_news25)/html/mod_sj_content_slideshow", finding:
.ytc-content-slideshow .content-box {
background: url("../../images/bg-cs-box.png") repeat scroll left center transparent;
bottom: 23px;
height: 46px;
left: 3px;
opacity: 1;
width: 673px;
z-index: 9;
}
change to
.ytc-content-slideshow .content-box {
background: your_background;
bottom: 23px;
height: 46px;
left: 3px;
opacity: 1;
width: 673px;
z-index: 9;
}
------
.ytc-content-slideshow .theme2 {
background: none repeat scroll 0 0 #000000;
bottom: 0;
height: 23px;
opacity: 1;
position: absolute;
right: 0;
width: 673px;
z-index: 9;
}
change to
.ytc-content-slideshow .theme2 {
background: your_color;
bottom: 0;
height: 23px;
opacity: 1;
position: absolute;
right: 0;
width: 673px;
z-index: 9;
}
----
.ytc-content-slideshow .theme2 div.preview, .ytc-content-slideshow .theme2 div.pause, .ytc-content-slideshow .theme2 div.play {
color: #BCBCBC;
cursor: pointer;
font-size: 10px;
font-weight: normal;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
change to
.ytc-content-slideshow .theme2 div.preview, .ytc-content-slideshow .theme2 div.pause, .ytc-content-slideshow .theme2 div.play {
color: your_color;
cursor: pointer;
font-size: 10px;
font-weight: normal;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
--------
.ytc-content-slideshow .theme2 ul li.button_img_selected, .ytc-content-slideshow .theme2 ul li:hover {
background: none repeat scroll 0 0 #00487B;
color: #FFFFFF;
float: left;
height: auto;
margin: 0 1px;
padding: 0 5px;
text-align: center;
width: auto;
}
change to
.ytc-content-slideshow .theme2 ul li.button_img_selected, .ytc-content-slideshow .theme2 ul li:hover {
background: none repeat scroll 0 0 #00487B;
color: your_color;
float: left;
height: auto;
margin: 0 1px;
padding: 0 5px;
text-align: center;
width: auto;
}
If you want to change other things, you can edit these files.
Thanks