using words more than 8 or so characters results in not enough spacing if the menu links have drop-down children...

http://www.stompinggrounds.com

for an example.

Need some more padding on these and I'm not sure how exactly.

Also, being able to change the color of the drop downs would be nice, I've tried and haven't been successful. Note on this or comments in the code would be nice.

Thanks
James

Comments

Deepika.chavan’s picture

Hi,

Take a backup of the style.css file. And modify the code in stye.css file as given below to get constant spacing:
1. line no- 299

#navigation ul.menu li {     
  display: block;
  float: left;
  border:none;
  margin: 0 0 0 10px; /*modified*/
}

2. line no- 292

#navigation li.expanded a:hover, #navigation li.expanded:hover a{ background: #74171e url(images/menu_hover_pull.png) no-repeat right; }

3. line no-270

#navigation li a { 
	padding: 5px 15px; 
	text-decoration: none; 
	display:block; 
	color:#7A8090; 
	font-size:160%; 
	font-size:18px;
	font-weight:bold; 
/*	width:93px;*/ 
	height:32px; 
	text-align:center; 
}

4. line no - 77

#navigation {
display:block;
float:right;
margin:10px 0 0 10px;
overflow:hidden;
width:650px;
}

5. line no- 73

#logo {
float:left;
margin:0;
text-align:left;
width:285px;
}

Please clear cached data.

HTH !!

Rgrds,
Deepika Chavan.

Deepika.chavan’s picture

Hi,
To change the background color of drop down modify style.css as follows:
1. line no 332

#navigation ul.menu li ul li.last { background: pink none repeat scroll 0 0;  -moz-border-radius: 5px 5px 5px 5px; padding:0 0 6px 0;}

2. line no. 330

#navigation ul.menu li ul li.first { background: pink none repeat scroll 0 0;  -moz-border-radius: 5px 5px 5px 5px; margin:0; padding:6px 0 0 0;}

3. line no- 292

#navigation li.expanded a:hover, #navigation li.expanded:hover a{ background: pink none no-repeat scroll right center;}

NOTE: Please change the color value (pink).
Please clear cached data here- admin/settings/performance

HTH!!
Rgrds,

Deepika Chavan.

jahaswel’s picture

Thanks so much!!!

jahaswel’s picture

spacing is great, some colors changed, but parts of dropdown are still red colored (all pinks changed to black)

vako’s picture

Hi jahaswel, which module did you use for the Like (thumbs-up) system you have on:
www.stompinggrounds.com/content/book/five-little-peppers-midway

Thanks!

pwhiteside’s picture

@Vako

He is using the disqus chat. this has the thumb up down included.
The whole bottom section is disqus i think.

http://drupal.org/project/disqus

Best Wishes, Phil.

vako’s picture

Yes it is Disqus, thank you very much!

djsagar’s picture

Issue summary: View changes
Status: Active » Needs review

Thanks so much!!!

I test it and it's working fine.

gaurav.kapoor’s picture

Status: Needs review » Closed (outdated)