Hi .
I'm trying to target the Id for the menu sprite menu item to determine size.. height, etc of the individual button /menu item..
and see that the dynamically generated sprite.css overwrites my css for the theme.

i see a line in the module:

$form['spritemenu']['spritemenu_extraselector'] = array(
      '#type' => 'textfield',
      '#title' => t('Extra CSS link selectors'),
      '#description' => t('<b>This is and advance setting and should be set by someone with CSS knowledge. It may break the dynamic CSS created by this module</b>. A comma separated list of CSS selectors to which a.spritemenu-MENUID will be appended. Useful if some links from your theme\' styles takes precedence over the ones defines by this module.'),
      '#default_value' => variable_get('spritemenu_extraselector', SPRITEMENU_DEFAULT_EXTRACSS),
     );

where / how do i plug this id into my css to override the sizing..
138px wide x 55px height..

thank you ..

Comments

jackhutton’s picture

jackhutton commented

yeah. spritemenu module
its like the sprite.coss commandeers the style..
you can't add any padding, any margins..
dependent upon the size of the font it appears.. and that's not what i want.. i need white space..

thank you

jack

jackhutton’s picture

jackhutton commented

.. and it would be nice to be able to only show the image. without the text..
grrrr.

thx

jackhutton’s picture

jackhutton commented

doesn't appear this module's supported entirely..

hanoii’s picture

hanoii
Primary language Spanish
Location 🇦🇷UTC-3
commented

Not sure if I follow the problem but I think you should be able to override the styles in your own stylesheet, you may just have to use the proper specificity for the CSS selector. Have a look at http://www.w3.org/TR/CSS2/cascade.html#specificity

You have to check on how's the module targets the menu items it modifies, and then in your theme, just target the same in a more specific way.

For instance:

The module generally targets (among a few others):

a#spritemenu-XXXX  {
}

If you have any element that you can identify enclosing the menu items you can use it to add specificity to the selector, for instance:

div.enclosed a#spritemenu-XXXX {
}

I believe the second should take precedence.

jackhutton’s picture

jackhutton commented

thanks.. i'll review this in a bit.. had to work through another approach..as a fix..but would like to use this module in the future..

hanoii’s picture

hanoii
Primary language Spanish
Location 🇦🇷UTC-3
commented
Status: Active » Fixed

OK, I mark the support request as fixed, just re-open if necessary.

Status: Fixed » Closed (fixed)

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