: Image Scroll Styling
: netimpact August 12, 2015, 10:27:13 AM
Hello,
I expected the module to look like the demo. This is not the case.
http://www.shape5.com/demo/index.php?http://www.shape5.com/demo/emusica/index.php/extensions/s5-image-scroller
Is there a css stylesheet or certain changes I can make to make the appearance the same?
Thank you.
: Re: Image Scroll Styling
: jonahh August 12, 2015, 11:30:35 AM
Hello, Yes we do CSS edits to match our templates a lot of the time so to get this styling from the eMusica template you can copy the below code and paste at the bottom of your template.css file: /* S5 IMAGE SCROLL
----------------------------------------------------------- */
.s5_imagerot_tm, .s5_imagerot_tr, .s5_imagerot_tl, .s5_imagerot_mb, .s5_imagerot_bl, .s5_imagerot_br, .s5_imagerot_bm, .s5_imagerot_wrap:hover .s5_imagerot_hover {
background:none !important;}
#middle_content .s5_imagerot_wrap img {
-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3); }
#middle_content .s5_imagerot_wrap:hover img {
-webkit-box-shadow:0 0px 9px 5px rgba(0, 0, 0, 0.8);
box-shadow: 0 0px 9px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0px 9px 5px rgba(0, 0, 0, 0.8); }
.s5_imagerot_text {
display: block;
font-size: 0.9em;
font-weight: normal !important;
margin-top: -21px !important;}
.s5_imagerot_wrap {
padding-right: 4px !important;}
div#middle_content div#hold {
margin: 20px 0 0 -11px !important;}
div#drag_bottom {
height: 9px !important;
background: #FFFFFF !important; }
div#scrollbar_bottom {
height: 9px !important;
background:#313131 !important;}
@media screen and (max-width: 850px){
.s5_imagerot_mb{
width: 110px !important;}
#middle_content #content_in .s5_imagerot_wrap {
width: 126px !important;}
}
|