Forum Support

Shape 5
October 25, 2021, 12:58:00 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Image Scroll Styling  (Read 458 times)
netimpact
Jr. Member
**
Offline Offline

Posts: 6



« on: 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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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:


Code:
/* 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;}


}

Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.