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

Styling this information....

Discussion in 'Styling and Customization Questions' started by speedway, May 8, 2013.

  1. speedway

    speedway Well-Known Member

    I have been trying to find where/what template controls info like this:

    Screen shot 2013-05-09 at 1.37.13 AM.png

    the "You have no" etc.

    I would like to make this page as well as errors that appear in the same area in small-ish font a) a little easier to read and b) add something more than just one line.

    If someone can point me to the right slot I'll have a go at doing something tomorrow...

    Oh, BTW - using the Core skin.

    Cheers
     
  2. Russ

    Russ Well-Known Member

    That falls under #pageDescription, Appearance -> Style Properties -> General -> Page Description.

    The larger text above it would be the Page Title in the same area (y)
     
  3. speedway

    speedway Well-Known Member

    Thanks Russ

    Is there actually a template associated with that area? I see in Chrome elements there is a comment that says "main template" but buggered if I can find that one :)
     
  4. Russ

    Russ Well-Known Member

    Yep, it's page_container this little snippit here controls the title and page description.

    Code:
                            <xen:hook name="page_container_content_title_bar">
                            <xen:if is="!{$noH1}">                     
                                <!-- h1 title, description -->
                                <div class="titleBar">
                                    {xen:raw $beforeH1}
                                    <h1><xen:if
                                        is="{$h1}">{xen:raw $h1}<xen:elseif
                                        is="{$title}" />{xen:raw $title}<xen:else
                                        />{$xenOptions.boardTitle}</xen:if></h1>
                                 
                                    <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                                </div>
                            </xen:if>
                            </xen:hook>
    
    Shelley also has a really nice guide you follow here:

    http://xenforo.com/community/resources/message-title-enhancement.927/

    If you want to do some seriously CSS styling on it :).

    EDIT: Should say the pageDescription part is specifically this:

    Code:
    <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
    
     
    speedway likes this.
  5. speedway

    speedway Well-Known Member

    Excellent, thank Russ!
     

Share This Page