asked on

Drupal JQuery CSS Issue

I am having a problem with the css for the header slideshow at http://www.incanuspublicaffairs.com

The numbers should be highlighting for each slide the same as http://www.americanmedicalinnovation.org

Here is the code I am using. For some reason the .activeSlide class never gets activated at least according to FireBug:

.views_slideshow_singleframe_pager .pager-item a:hover,
.views_slideshow_singleframe_pager .pager-item a:focus,
.views_slideshow_singleframe_pager .pager-item .activeSlide a:visited,
.views_slideshow_singleframe_pager .pager-item .activeSlide a {
  border: 1px solid #bbb;
  color: #1495d4;
}

Open in new window

The hover and focus are working as expected.

Zado

Try this:

.views_slideshow_singleframe_pager .pager-item a:hover,
.views_slideshow_singleframe_pager .pager-item a:focus,
.views_slideshow_singleframe_pager .pager-item .activeSlide a:visited,
.views_slideshow_singleframe_pager .pager-item .activeSlide a:active {
  border: 1px solid #bbb;
  color: #1495d4;
}

Open in new window

wardjame

ASKER

@Zado: That does not seem to have made any difference.

blueghozt

try this - you are suggesting with your CSS that activeSlide is below pager-item when it is on the same level

.views_slideshow_singleframe_pager .pager-item a:hover,
.views_slideshow_singleframe_pager .pager-item a:focus,
.views_slideshow_singleframe_pager .activeSlide a:visited,
.views_slideshow_singleframe_pager .activeSlide a {
  border: 1px solid #bbb;
  color: #1495d4;
}

Open in new window

wardjame

ASKER

@blueghozt that also seems to have had no effect. Is the problem maybe my earlier code for the slides which are not active?

.views_slideshow_singleframe_pager .pager-item a:link,
.views_slideshow_singleframe_pager .pager-item a:visited {
  background: #fff;
  border: 1px solid #ddd;
  color: #999;
  display: block;
  float: left;
  margin-right: 5px;
  padding: 5px 10px;
  text-decoration: none;
}

Open in new window

This is what firebug says is being used for both the active and inactive slides.

Zado

Please grant the points and close the question, thanks :-)

ASKER CERTIFIED SOLUTION

blueghozt

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

wardjame

ASKER

@zado you want me to grant points for solutions that did not work?

Zado

I think you should tell us if here's no solution working for you, then experts would keep trying to resolve your problem. Some people leave their questions open forever, please respect someone's time and try to finish your questions if possible, if not, you can simply delete it. Thanks.

Regards
Zado

wardjame

ASKER

@zado I have responded to every solution provided as soon as I have tested it, in your case within 10 minutes of your suggestion. Too date they have had no effect. I'm not sure how you don't see that in my previous messages.

Sincerely,
James

blueghozt

my last comment fixes it on a small test I did here at http://sandbox.nubz.com/test.html

simply adding the selector

.views_slideshow_singleframe_pager .activeSlide a:link

fixes it

wardjame

ASKER

Thanks for the help!