I want to customize my Like and Select Options buttons.

[Ace Of Charts]

It's easy enough to get the Edit and Quote buttons to look the way I want, and function properly.

But when it comes to the Like button and the Select Options button, I can't seem to customize them in the template the same way I do the Edit/Quote buttons.  The usual method being:

<a class="button" href="$[this.button.href]" role="button">Custom text/image to show as button's content</a>

Regardless of whether I use a period or an underscore before the "href" addition in the brackets, any Like button created this way merely scrolls to the top of the page, and an Options button has much the same result; it does effectively nothing.

So my question is, how can I modify the template items to create new Like and Options buttons that actually do what they're supposed to?  What are the designations I need to use?

[Ace Of Charts]

Bumping this. Also, I'd love to customize the "Edit Profile" button, but I get no results there, either; same thing happens. I get the button to display properly, and it appears to have a proper href, but then clicking it does nothing.

It occurs to me...would this even be resolvable using mere template modification? Would I need someone to code a plugin for changing the Like and Options buttons (and any other applicable buttons)? If so, this can be moved to Plugin Requests.

[Chris]

Apr 6, 2013 20:26:31 GMT -8 Ace Of Charts said:

<a class="button likes-button" href...

I haven't actually tried this but if you add the red it should work for the like button the reason being the the button does require javascript to function properly and the initializing script will be looking for that class in order to add a click handler and suppress the natural href action which is to reload the current page (that page jump you mentioned). As for the options menu, that is more complex since it is multiple elements all working in concert to appear as one and a good portion of them are added or activated at initialization. One way to tackle that without resorting to plugins would be through CSS so if what you're after is to change that gear image to an image of your choosing something like this added to the bottom of the template might do the trick

<style type="text/css">
.post-options.button .status img {display:none;}
.post-options.button .status:after {content: url(REPLACEMENT_IMG_URL);}
</style>

 or try changing it (the gear icon) on the image tab in a specific theme if you do not want to affect all themes.

[Ace Of Charts]

Those both worked beautifully. Thanks much~ (I'd also totally forgotten about the Theme Images area, despite having added/changed some stuff in it before.) Now I've got a nice row of functional post and PM convo buttons.

As for the main profile console buttons, I've got everything customized except the Follow/Un-Follow button, since I know it uses some kind of coding to determine if you are following the person in order to determine which button to show. However, I can't figure out the coding designation for checking to see if the current user is following that member, which I realize I'd need to know (once I can get that done, I figure it'd be a simple matter of using an if/else statement to tell it which customized button to show). I'd like to be able to customize that button if there's any feasible way to do so.