Jump to content

Archived

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

hibbsy78

Promo Slider Color

Recommended Posts

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
I will look into this today and post the solution in this thread.

Share this post


Link to post
Share on other sites
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. 

Share this post


Link to post
Share on other sites
shawnsaunders

Excellent davemoppert -- This worked like a charm.

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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.

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,
       

×