Username should be bold only in topics

Hello,

I have a problem with the usernames on my forum.
What i would the username in topics bold and on the memberlist and forum index a unbold username. :)

As i use this CSS code make this a change to the memberlist and topics.

Code:

.tooltipstered strong {
font-size: 15px;
}

Screens:
-deleted by Joost-

Many thanks for your help and time again. :)

Best regards, Joost

For the memberlist, it should be like this in CSS:

Code:

table.forumline .tooltipstered strong {
font-weight:normal;
}

I have add the CSS, it's make the username in the topic unbold. :)

Go to CP > Display > Templates > memberlist_body

And find:

Code: <table class="forumline"

Inside class= add another class called "fa_members". It will look like this:

Code:

<table class="forumline fa_members" width="100%" border="0" cellspacing="1" cellpadding="0">

Now, go to css and add this:

Code:

.fa_members .tooltipstered strong {
font-weight:normal;
}

Remove what I have told you last time. Of course, save template settings. :P

Many thanks, it's works and it's solved!

How can i change the username from the added members in the groups page and who is online page to the normal font?

Can you define normal font? What is it now and how you want it to look after change?

As you can see on the screenshots. You can see one username have a bold font text.

Group page:


Who is Online page:

For usergroups, you must find in templates where is this:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

And change it to:

Code:

<table class="forumline  fa_members" width="100%" border="0" cellspacing="1" cellpadding="0">

So this will make CSS property work normal. I am not sure for who is online, parhaps in the template there is also this table where you can edit the same way shown above.

It's not works in the groupcp_user_body template.

Show me that template you have.

Code:

<!-- BEGIN switch_groups_joined -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
    <tr>
        <th class="thHead" colspan="2" align="center" height="25"><h1 class="pagetitle"> {L_GROUP_MEMBERSHIP_DETAILS}</h1></th>
    </tr>
    <!-- BEGIN switch_groups_member -->
    <tr>
        <td class="row1" rowspan="{GROUP_MEMBER_ROWSPAN}" width="40%" valign="top"><span class="gen">{L_YOU_BELONG_GROUPS}</span></td>
        {GROUP_MEMBER_SELECT}
    </tr>
    <!-- END switch_groups_member -->

    <!-- BEGIN switch_groups_pending -->
    <tr>
        <td class="row2" rowspan="{GROUP_PENDING_ROWSPAN}" width="40%" valign="top"><span class="gen">{L_PENDING_GROUPS}</span></td>
        {GROUP_PENDING_SELECT}
    </tr>
    <!-- END switch_groups_pending -->
</table>
<!-- END switch_groups_joined -->
<br />
<!-- BEGIN switch_groups_remaining -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tr>
      <th class="thHead" colspan="2" align="center" height="25">{L_JOIN_A_GROUP}</th>
   </tr>
   <tr>
      <td class="row1"><span class="gen">{L_SELECT_A_GROUP}</span></td>
      <td class="row2">
         <form action="{U_USERGROUP_ACTION}" method="get">
                <table width="90%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="40%"><span class="gensmall">{GROUP_LIST_SELECT}</span></td>
                        <td align="center" width="30%"><input class="liteoption" type="submit" value="{L_VIEW_INFORMATION}" />{S_HIDDEN_FIELDS}</td>
                    </tr>
                </table>
         </form>
      </td>
   </tr>
</table>
<!-- END switch_groups_remaining -->

<!-- BEGIN switch_display_groups_all -->
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tbody>
      <tr>
         <th class="thHead" colspan="2" align="center" height="25">{switch_display_groups_all.L_ALL_GROUPS}</th>
      </tr>
      <tr>
         <td class="row1" rowspan="{switch_display_groups_all.GROUP_MEMBER_ROWSPAN}" width="40%" valign="top"><span class="gen">{switch_display_groups_all.L_LIST_ALL_GROUPS}</span></td>
         <!-- BEGIN group_details -->
         <!-- BEGIN switch_not_first_group -->
         <tr>
         <!-- END switch_not_first_group -->
            <td class="row{switch_display_groups_all.group_details.ROW}" height="20"><span class="gen"><a href="{switch_display_groups_all.group_details.U_GROUP}" {switch_display_groups_all.group_details.GROUP_STYLE}>{switch_display_groups_all.group_details.GROUP_NAME}</a><div>{switch_display_groups_all.group_details.GROUP_STATUS} {switch_display_groups_all.group_details.NB_GROUP_MEMBERS} </div></span></td>
         </tr>
         <!-- END group_details -->
      </tr>
   </tbody>
</table>
<!-- END switch_display_groups_all -->

<br clear="all" />
<table width="100%" border="0" cellspacing="2" align="center">
   <tr>
      <td align="right" valign="top">{JUMPBOX}</td>
   </tr>
</table>

Edit it like this:

Code:

<!-- BEGIN switch_groups_joined -->
<table class="forumline fa_members" width="100%" border="0" cellspacing="1" cellpadding="4">
  <tr>
      <th class="thHead" colspan="2" align="center" height="25">
        <h1 class="pagetitle"> {L_GROUP_MEMBERSHIP_DETAILS}</h1>
      </th>
  </tr>
  <!-- BEGIN switch_groups_member -->
  <tr>
      <td class="row1" rowspan="{GROUP_MEMBER_ROWSPAN}" width="40%" valign="top"><span class="gen">{L_YOU_BELONG_GROUPS}</span></td>
      {GROUP_MEMBER_SELECT}
  </tr>
  <!-- END switch_groups_member -->
  <!-- BEGIN switch_groups_pending -->
  <tr>
      <td class="row2" rowspan="{GROUP_PENDING_ROWSPAN}" width="40%" valign="top"><span class="gen">{L_PENDING_GROUPS}</span></td>
      {GROUP_PENDING_SELECT}
  </tr>
  <!-- END switch_groups_pending -->
</table>
<!-- END switch_groups_joined -->
<br />
<!-- BEGIN switch_groups_remaining -->
<table class="forumline fa_members" width="100%" border="0" cellspacing="1" cellpadding="4">
  <tr>
      <th class="thHead" colspan="2" align="center" height="25">{L_JOIN_A_GROUP}</th>
  </tr>
  <tr>
      <td class="row1"><span class="gen">{L_SELECT_A_GROUP}</span></td>
      <td class="row2">
        <form action="{U_USERGROUP_ACTION}" method="get">
            <table width="90%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td width="40%"><span class="gensmall">{GROUP_LIST_SELECT}</span></td>
                  <td align="center" width="30%"><input class="liteoption" type="submit" value="{L_VIEW_INFORMATION}" />{S_HIDDEN_FIELDS}</td>
              </tr>
            </table>
        </form>
      </td>
  </tr>
</table>
<!-- END switch_groups_remaining -->
<!-- BEGIN switch_display_groups_all -->
<br />
<table class="forumline fa_members" width="100%" border="0" cellspacing="1" cellpadding="4">
  <tbody>
      <tr>
        <th class="thHead" colspan="2" align="center" height="25">{switch_display_groups_all.L_ALL_GROUPS}</th>
      </tr>
      <tr>
        <td class="row1" rowspan="{switch_display_groups_all.GROUP_MEMBER_ROWSPAN}" width="40%" valign="top"><span class="gen">{switch_display_groups_all.L_LIST_ALL_GROUPS}</span></td>
        <!-- BEGIN group_details -->
        <!-- BEGIN switch_not_first_group -->
      <tr>
        <!-- END switch_not_first_group -->
        <td class="row{switch_display_groups_all.group_details.ROW}" height="20">
            <span class="gen">
              <a href="{switch_display_groups_all.group_details.U_GROUP}" {switch_display_groups_all.group_details.GROUP_STYLE}>{switch_display_groups_all.group_details.GROUP_NAME}</a>
              <div>{switch_display_groups_all.group_details.GROUP_STATUS} {switch_display_groups_all.group_details.NB_GROUP_MEMBERS} </div>
            </span>
        </td>
      </tr>
      <!-- END group_details -->
      </tr>
  </tbody>
</table>
<!-- END switch_display_groups_all -->
<br clear="all" />
<table width="100%" border="0" cellspacing="2" align="center">
  <tr>
      <td align="right" valign="top">{JUMPBOX}</td>
  </tr>
</table>

I have place the template, I do not see any difference

I still don't see the change I told you to apply:


Class for table class. It's same as it was. Maybe you used wrong template. Maybe it's different one?

I don't now. Do you have need the admin account again?

The crux is this CSS code:

Code:

.tooltipstered strong {
font-weight:bold;   
}

As i remove it, than is the bold text gone at the Who is Online and Groups page.
Only when i check this topic and scroll to the post from "Moderator" than can you see that it have a normal font and another usernames is in bold.

@Joost can you make me a recap of the current situation?

The situation now is the problem at the groups page and who is online page is solved. Only with this CSS code:

Code:


.tooltipstered strong {
font-weight:bold;  
}

This delete the bold username in the topics. You can see it here in this topic.

@Joost - can you just explain me what is not how it is supposed to be?
So I just focus on what is missing

Check the testing topic, here is a screen:

The problem is that you have two different

Code: font-weight

on even and odd rows

Code:

.row1 strong {
    font-size: 16px;
    font-weight: 700;
}

.row2 strong {
    font-size: 16px;
    font-weight: 400;
}