Jump to content

Archived

This topic is now archived and is closed to further replies.

hibbsy78

Promo Slider Color

Recommended Posts

hibbsy78+    24
hibbsy78

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

Share this post


Link to post
Share on other sites
Simon    247
Simon

What page is the slider on?

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

It's there now...

Share this post


Link to post
Share on other sites
Simon    247
Simon

Try adding !important

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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....

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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

Share this post


Link to post
Share on other sites
catrina    103
catrina

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

  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

Great thank you Catrina!

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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;
    }

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

Catrina is seems to be back!!

 

Not sure how?

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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!

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

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


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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

  • Like 1

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

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


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

Hi Jenny,

 

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

 

John

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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.

  • Like 1

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

1.1 installed and looking good! Thanks Dave!

 

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

 

http://www.hibbslupustrust.org

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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!

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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....

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

I have asked the developer to revisit this topic.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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

Share this post


Link to post
Share on other sites
shawnsaunders+    1
shawnsaunders

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. 

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert
Are you having issues with Promo Slider on Frameworks or DMS?

Share this post


Link to post
Share on other sites

  • Similar Content

    • imagineutopia
      By imagineutopia
      hi. I have a promo slider and the client wants a arrow or something next to the title.
       
      I'm trying to use font awesome for the thing but I'm not sure this is the best way to go about it.
       
      when I put something like this in the header.
       
      <i class="icon-heart"></i> The Weekly Buzz
       
      it works, but I need some more space between the icon and the text.
       
      I tried a &nbsp; but that was bad news and blew the whole thing up.
       
      is there a good way to do this?
       
      thanks,
       

×