How to Bold 'Edit Profile' Button

[jan.downunder]

Hope this is the right place to post.  Please forgive me if it's not.  (All the sections are a bit confusing to a newbie.)

I want to bold the Edit Profile button on the Profile page, so it stands out a little more.

The only section of code I can find for it is this:

<div class="container show-user">
      .....
     <div class="content cap-bottom">
     .....
         <div class="pad-all-double clear">
         .....
            <div class="float-right controls">
            $[options]
            $[send_message_button]
            $[edit_profile_button]
            $[follow_button]
            $[invite_button]

So how do I reference $[edit_profile_button] to add styling to it?

I was thinking of replacing the $[edit_profile_button] line with
<a class="button" href="/user/1/avatar" role="button" style="font-weight: bold;">Edit Profile</a>

Is that the right way to go about it though?

Grateful for any help.

[Tim Camara]

It would be more correct to replace it with this:

<a href="/user/$[user.id]/avatar" class="button bold" role="button">Edit Profile</a>

[jan.downunder]

Thank you so much for your help, Tim.

Unfortunately, it didn't work; 'button bold' doesn't seem to do anything.

But this worked:
<a class="button" href="/user/$[user.id]/avatar" role="button" style="font-weight: bold;">Edit Profile</a>
So I'm happy with that.

Thanks for your time.

[qwerty1234]

Will this work if I put the code in a sidebar, for example, or to do that it requires a different code?

thx before

[Tim Camara]

It should work in any area that has access to the $[user] variable. If it has access to a different user variable, like $[current_user], you would just modify it to use the new user variable, e.g., $[current_user.id].

[qwerty1234]

ah, I see. Thanks a lot, Tim.