Prevent &nbsp characters being added to CSS buttons?

[matt g]

Hi All,

I'm just trying to get my head around customising Zen Cart, I switched to CSS buttons in the administration system, but the code for that is being spat out by the system is putting &nbsp (non breaking spaces) before and after the text button.

How do I stop it doing this? It looks untidy when you have mouseover showing an underline, having the underline extend into an empty space on each side of the word - eg: _Back_

Can anyone help?

Thanks.
Matt.

[DrByte]

This is gonna sound like I'm dodging the question ... but ... I'm not sure why you'd use an underline on a button when using CSS-based buttons. I'd be more inclined to change the color to denote hover-effect.

Granted, it does depend on the audience, and if "they" are used to underlines, I can see doing it... it just seems to defeat the purpose in my mind. Maybe I need to think inside the box more ?

[matt g]

Because the "buttons" are just text links - the theme I'm using doesn't seem to actually show any sort of physical box around the text label, and that's the way I like it.

I just want ordinary links, like the rest of the navigation elements in the store - text that gets an underline when you mouseover it.

Cheers
Matt.

[DrByte]

As you wish.

/includes/functions/html_output.php
in the zenCssButton() function, you'll see a line like this:

   $css_button = '<span class="' . $mouse_out_class . '" ' . $css_button_js . $style . $parameters . ' >&nbsp;' . $text . '&nbsp;</span>';

Remove   as desired

[matt g]

Woot! - you rock.

Cheers for that.

Matt.