• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Styling Thread View Information into Buttons

This is the code I am trying to style

<xen:title>{xen:helper threadPrefix, $thread, escaped}{$thread.title}{xen:helper pagenumber, $page}</xen:title>
<xen:h1>{xen:helper threadPrefix, $thread}{$thread.title}</xen:h1>

    {xen:phrase discussion_in_x_started_by_y_date_z,
        'forum=<a href="{xen:link forums, $forum}">{$forum.title}</a>',
        'name={xen:helper username, $thread}',
        'date=<a href="{xen:link threads, $thread}">{xen:datetime $thread.post_date, html}</a>'}
It shows like this

You can barely see the "Discussion in Books, Ebook etc" because it is a faint color. Can someone edit this code So I can make the items "Books and Comic/Thread Name" "Discussion" "forum" , "name" and "date" into buttons by using <div class ="buttons">?