Jump to content

Archived

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

hibbsy78

Promo Slider Color

Recommended Posts

shawnsaunders+    1
shawnsaunders

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

 

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

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert
I will look into this today and post the solution in this thread.

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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. 
  • Like 1

Share this post


Link to post
Share on other sites
shawnsaunders+    1
shawnsaunders

Excellent davemoppert -- This worked like a charm.

  • Like 1

Share this post


Link to post
Share on other sites
alisamski+    8
alisamski

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

  • Like 1

Share this post


Link to post
Share on other sites
davemoppert    6
davemoppert

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.

  • Like 1

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,
       

×