> Forums > Active Forums > Community Support > Trying to make the topic starter appear different than the topic
Last Post 23 Jun 2011 11:55 AM by Donald. 8 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
  •  
  •  
  •  
  •  
  •  
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
Donald
Customers
Donald
Post Count:46

--
22 Jun 2011 01:57 PM
    • Active Forums Version: 4.3.5
    • DotNetNuke Version: 5.6.2
    On my forums, our theme has the topic view page display the topic in a bold blue underline.  However, in the stylesheets/theme, it seems that the topic starter name is attached to the format of the topic, so they appear the same.  Is there any way I can make them behave differently?  I don't want to have the topic starter's name appear as strongly as the topic itself.  I would want it to be a smaller, non-bold black font.

    Topic view page: http://parstars.com/Connect/Forums/aff/10.aspx


    Please see the attached image for clarity.

    If you can direct me to where I might be able to make this change, I'd appreciate it.

    Thanks!

    Donald
    Customers
    Donald
    Post Count:46

    --
    22 Jun 2011 03:01 PM
    attachement
    Ben - DotNetNuke
    DotNetNuke Staff
    Ben - DotNetNuke
    Post Count:1645

    --
    22 Jun 2011 03:41 PM
    This can be done by editing the template, and adding some CSS.

    1. Go to Control Panel > Templates > TopicsView
    2. Locate the [STARTEDBY] tokens (there will be two) and add a span element around it:

    <span class="afstartedby">[STARTEDBY]</span>


    3. Save the template.
    4. Go to Control Panel > Forums and click the name of the forum (or group if you use inherit group settings)
    5. Change the Topics Display template to TopicsView
    6. Go to the DesktopModules/ActiveForums/themes/{current theme name}/module.css (You can see the current theme on the Control Panel > Settings page)
    7. Add this line to the bottom of the file:

    span.afstartedby a, span.afstartedby a:link, span.afstartedby a:visited, span.afstartedby a:active, span.afstartedby a:hover{size: 8px;color:#000;font-weight:normal;}


    8. Save
    9. Go to DNN Host > Host Settings > Restart application
    10. Check the page, and change the CSS if you want.
    Donald
    Customers
    Donald
    Post Count:46

    --
    22 Jun 2011 06:53 PM
    Hmm, it didn't work. Did I do the span tags right?

    [STARTEDBY]
    Donald
    Customers
    Donald
    Post Count:46

    --
    22 Jun 2011 06:55 PM
    < span >[STARTEDBY]< / span >
    Ben - DotNetNuke
    DotNetNuke Staff
    Ben - DotNetNuke
    Post Count:1645

    --
    23 Jun 2011 09:28 AM
    Oh, I am sorry, I didn't realize that the span tag in my example got rendered instead of displayed as text. I will edit the post and fix that.
    Donald
    Customers
    Donald
    Post Count:46

    --
    23 Jun 2011 11:03 AM
    That worked!!  Thank you so much, it looks a ton better now.

    Do you know where in that template I might go to add a bit of vertical buffer space between those topics themselves?  They stack up on each other a bit and I wanted to add some pixels at the top and bottom of each row.

    Thanks again for the help on fixing the topic starter - that was causing my eyes to cross. 
    Ben - DotNetNuke
    DotNetNuke Staff
    Ben - DotNetNuke
    Post Count:1645

    --
    23 Jun 2011 11:11 AM
    You could just modify the .aftopicrow class and add a {padding-top:5px;} or something similar.
    Donald
    Customers
    Donald
    Post Count:46

    --
    23 Jun 2011 11:55 AM
    Thanks Ben, I will try that. I really appreciate your help.
    You are not authorized to post a reply.
    > Forums > Active Forums > Community Support > Trying to make the topic starter appear different than the topic
    test
    Copyright 2012 by DotNetNuke Corporation / Terms of Use / Privacy