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

#1 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 04:10 PM

Hi everyone,
 
Just installed Promo Slider but I'd like to change the color of the tab.
 
Using FireBug I found the code, copied it to my CSS and changed the color but it still shows as the default....?

 
.QuickContentSlider-button-right {
    background-color: #00a8e2;
    color: white;
    float: left;
    font-weight: bold;
    padding: 12px;
    position: absolute;
    text-align: center;
    top: -45px;
    transform: rotate(270deg);
    transform-origin: 100% 100% 0;
    visibility: hidden;
}

Any ideas why #00a8e2 color is not showing?

 

http://www.hibbslupustrust.org

 

Thanks!

 

 

John



#2 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 30 April 2013 - 04:33 PM

What page is the slider on?



#3 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 04:34 PM

It's there now...



#4 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 30 April 2013 - 04:44 PM

Try adding !important



#5 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 04:59 PM

Thanks Simon that has worked!

 

Last question - is it possible to 'deactivate' it from showing on mobile devices as it just doesn't sit right....



#6 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 05:23 PM

I've added the browser specific plugin and added the following code but no joy. 

 

.iphone #QuickContentSlider-button-right {  
  display:none;
    }

 

Sorry I'm not very good with CSS.

 

John



#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 April 2013 - 08:50 PM

You should try the selector #QuickContentSlider-right instead of #QuickContentSlider-button-right.


  • hibbsy78 likes this

#8 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 08:58 PM

Great thank you Catrina!



#9 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 09:01 PM

If I want to exclude other mobile devices will the following work?

 
.iphone .ipod .lg .lynx .mobile .nokia .windows-mobile .samsung .blackberry .android .sony-ericsson #QuickContentSlider-right {  
  display:none;
    }


#10 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 30 April 2013 - 09:06 PM

Catrina is seems to be back!!

 

Not sure how?



#11 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 30 April 2013 - 10:17 PM

.mobile is for all mobiles

.tablet is for all tablets

.desktop is for...well you get the idea.

 

http://support.pagel...r-specific-css/


  • Jenny likes this

#12 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 01 May 2013 - 04:54 AM

Ok in my css I have the following code but the slider still displays on my mobile??

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

I have had to disable until tis is fixed. I can reactivate if someone can have a look and help!

 

Thanks!



#13 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 May 2013 - 06:21 PM

I have asked the developer to follow up on this topic.



#14 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 06 May 2013 - 06:41 PM

Hi guys, just submitted an update. This update should help with the CSS issues so you can overwrite the styles without !important


  • Jenny likes this

#15 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 13 May 2013 - 02:10 PM

Please let us know if you still need assistance with this topic, otherwise I will close it in 7 days. Thanks!



#16 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 13 May 2013 - 06:08 PM

Hi Jenny,

 

I'm waiting for the 1.1 update. As is is it doesn't function correctly.

 

John



#17 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 14 May 2013 - 02:30 AM   Best Answer

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.


  • hibbsy78 likes this

#18 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 15 May 2013 - 07:40 PM

1.1 installed and looking good! Thanks Dave!

 

Hopefully we'll get a few extra donations through the site now!

 

http://www.hibbslupustrust.org



#19 davemoppert

davemoppert

    Super Member

  • Members

  • 149 posts
  • Country: Country Flag

Posted 15 May 2013 - 07:47 PM

Cool cool cool!  Good to hear! I was just about to send you the plugin! 



#20 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 15 May 2013 - 07:54 PM

Dave can I just check as the slider has appeared on my iPhone....?

 

I'm using the following code to disable it from mobile devices...

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

Cheers!







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