Jump to content


Photo
Promo Slider

Promo Slider Color



Best Answer davemoppert , 14 May 2013 - 02:30 AM

Sorry John!  I thought I had deployed the update properly but wasn't seeing the update. I just re-deployed the update.  Please look for the update shortly.

Go to the full post


  • Please log in to reply
31 replies to this topic

#21 hibbsy78

hibbsy78

    Advocate

  • Members

  • 302 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.5
  • Country: Country Flag

Posted 18 May 2013 - 04:18 PM

I've had to disable the plugin as it is still showing on mobile devices!

 

Any ideas why the above code isn't working?

 

I can re-enable if someone can take a look....



#22 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 23 May 2013 - 06:27 PM

I have asked the developer to revisit this topic.



#23 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 29 May 2013 - 04:29 PM

hibby78 - are you still having problems after I troubleshooted it with you?



#24 shawnsaunders

shawnsaunders

    Member

  • Members

  • 21 posts
  • Country: Country Flag

Posted 07 June 2014 - 11:09 AM

@davemoppert -- I am having similar issues off and on.  I was able to shut off on mobile - but it seems to keep coming back unexpectedly. 

 

Any other users able to disable or resize on mobile?    The current issue is that div slides out too far for the mobile screen ... and also the div is too large and blocks content on mobile. 



#25 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 07 June 2014 - 02:28 PM

Are you having issues with Promo Slider on Frameworks or DMS?

#26 shawnsaunders

shawnsaunders

    Member

  • Members

  • 21 posts
  • Country: Country Flag

Posted 08 June 2014 - 01:41 AM

@davemoppert - we are having issues on DMS. Any help is appreciated. 

 

.mobile #QuickContentSlider-right {  
  display:none !important;
    }


#27 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 09 June 2014 - 03:35 PM

I will look into this today and post the solution in this thread.

#28 shawnsaunders

shawnsaunders

    Member

  • Members

  • 21 posts
  • Country: Country Flag

Posted 11 June 2014 - 08:40 PM

Any luck on this one? @davemoppert 



#29 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 11 June 2014 - 11:17 PM

If the Promo Slider is on the right try this:

 

body.mobile #QuickContentSlider-right  {  
  display:none;
    }
 
If the Promo Slider is on the left try this: 
 
body.mobile #QuickContentSlider-left  {  
  display:none;
    }
 
We tested this and it worked fine. 

  • shawnsaunders likes this

#30 shawnsaunders

shawnsaunders

    Member

  • Members

  • 21 posts
  • Country: Country Flag

Posted 12 June 2014 - 02:33 PM

Excellent @davemoppert -- This worked like a charm.


  • davemoppert likes this

#31 alisamski

alisamski

    Advocate

  • Members

  • 480 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 19 June 2014 - 05:03 PM

DMS2

@davemoppert

The mobile disable works great...

 

however, I cannot get the slider color hold...

 

Used !important and also with RGB color...

 

.QuickContentSlider-button-left {
    background-color: #69D84F;
    color: rgb(255, 255, 255);
    float: left;
    font-weight: bold;
    padding: 12px;
    position: absolute;
    text-align: center;
    transform: rotate(90deg);
    transform-origin: 100% 100% 0;
}

 

Here is the link to the development site. Please advise. Thanks

http://bit.ly/1rcaXe2



#32 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 20 June 2014 - 05:31 PM

just put 'body' before your CSS class. Like this:  

 

body .QuickContentSlider-button-left {
    background-color: #69D84F;
    color: rgb(255, 255, 255);
    float: left;
    font-weight: bold;
    padding: 12px;
    position: absolute;
    text-align: center;
    transform: rotate(90deg);
    transform-origin: 100% 100% 0;
}

 

Should work no problem.







Also tagged with one or more of these keywords: Promo Slider