• 0

Promo Slider Promo Slider Color

Question

Posted · Report post

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

31 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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. 
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Excellent davemoppert -- This worked like a charm.

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now