Hello again,

I'm nearly done with my first node carousel http://beta.menashalibrary.org, and I have one more question.

I've got the Index Display setup as a Numeric Index. I then used css to style that list to display buttons on the bottom of the carousel rather than a list. I've got it so that as each item in the carousel changes, the appropriate 'button' is highlighted. (i have an image setup as the background of the list item)

My question is, is there any way to hide the numbers that appear in the list? I tried this in the stylesheet:

span.index_control {
	display: none;
}

And, this works perfectly in Firefox, but does not in Safari or IE. (in those browsers the entire list disappears)

Thank you so much for any help you can provide. Once I have this finished, I plan to create a screencast showing what I did. Hopefully it can give a starting point for others.

Comments

jcfiala’s picture

jcfiala commented

I'm not sure how to help - how are you producing the buttons in css?

georgedamonkey’s picture

georgedamonkey commented 
#nc_wrapper_whatsnew ul.index_control_list {
	background-image: url(http://beta.menashalibrary.org/sites/beta.menashalibrary.org/themes/salamander/images/navback.png);
	width: 410px;
	overflow: hidden;
}
#nc_wrapper_whatsnew ul.index_control_list {
	display: inline;
	list-style: none;
	float: right;
	padding: 0;
	height: 20px;
	width: 415px;
}
#nc_wrapper_whatsnew ul.index_control_list li {
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
}
#block-nodecarousel-nc_whatsnew h2.title {
	display: none;
}
li.index_control_item {
  background: url(item_off.png) no-repeat;
  color: #2f3030;
  cursor: pointer;
}
li.index_control_item.visible {
  background: url(item_on.png) no-repeat;
  color: #cfc2b2;
}
georgedamonkey’s picture

georgedamonkey commented

Well, I changed it from numeric index to title index, and now they magically look like I wanted them to.

I wanted to thank you for all your help with this and my previous question. You are my new hero!

jessicakoh’s picture

jessicakoh commented

Hi Georgedamonkey

Thank you for sharing your above code.

jessicakoh’s picture

jessicakoh commented

Hi georgedamonkey,

How do you override the transition?

In your http://beta.menashalibrary.org, the transition is not slide.

georgedamonkey’s picture

georgedamonkey commented

I set the animation speed to zero. That makes it switch without 'sliding'. Ideally, I'd like to make it fade between, but this works for now.

jessicakoh’s picture

jessicakoh commented

Thank you. Got it.

ultimateboy’s picture

ultimateboy commented
Status: Active » Fixed

Appears not to be an issue any longer.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.