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

Profile Page Blocks Have Different Header?

Discussion in 'Styling and Customization Questions' started by JABRONI, Mar 11, 2013.

  1. JABRONI

    JABRONI Well-Known Member

    For some reason, my profile page has different headers on the sidebar. How exactly would I change it so they all have the red header?

    Screen Shot 2013-03-11 at 7.31.11 PM.png
     
  2. James

    James Well-Known Member

    Looks like a minor class change, but cannot be confirmed without a link to your site.
     
  3. JABRONI

    JABRONI Well-Known Member

    Just sent it to you in a PC!
     
    James likes this.
  4. James

    James Well-Known Member

    The change that has to be made is just to change the subHeading class to secondaryContent (inside <div class="section">).

    This will need to be done in the relevant add-on templates though, which I can't help you with as I don't have any of them installed.
     
  5. JABRONI

    JABRONI Well-Known Member

    I can't seem to get it done correctly. It changes to red, but it isn't correctly padded. Could you show me where I need to change it?

    Code:
            <div class="followBlocks">
                <xen:if is="{$following}">
                    <div class="section infoBlock">
                        <div class="secondaryContent avatarHeap">
                        <h3 class="textWithCount" title="{xen:phrase x_is_following_y_members, 'name={$user.username}', 'count={xen:number $followingCount}'}">
                            <span class="text">{xen:phrase following}</span>
                            <a href="{xen:link 'members/following', $user}" class="count OverlayTrigger">{xen:number $followingCount}</a>
                        </h3>
                            <ol>
                            <xen:foreach loop="$following" key="$followUserId" value="$followUser">
                                <li>
                                    <xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" />
                                </li>
                            </xen:foreach>
                            </ol>
                        </div>
                        <xen:if is="{$followingCount} > {xen:count $following, false}">
                            <div class="sectionFooter"><a href="{xen:link 'members/following', $user}" class="OverlayTrigger">{xen:phrase show_all}</a></div>
                        </xen:if>
                    </div>
                </xen:if>
     
                <xen:if is="{$followers}">
                    <div class="section infoBlock">
                        <div class="secondaryContent avatarHeap">
                        <h3 class="textWithCount" title="{xen:phrase x_is_being_followed_by_y_members, 'name={$user.username}', 'count={xen:number $followersCount}'}">
                            <span class="text">{xen:phrase followers}</span>
                            <a href="{xen:link 'members/followers', $user}" class="count OverlayTrigger">{xen:number $followersCount}</a>
                        </h3>
                            <ol>
                            <xen:foreach loop="$followers" key="$followUserId" value="$followUser">
                                <li>
                                    <xen:avatar user="$followUser" size="s" text="{$followUser.username}" class="Tooltip" title="{$followUser.username}" itemprop="contact" />
                                </li>
                            </xen:foreach>
                            </ol>
                        </div>
                        <xen:if is="{$followersCount} > {xen:count $followers, false}">
                            <div class="sectionFooter"><a href="{xen:link 'members/followers', $user}" class="OverlayTrigger">{xen:phrase show_all}</a></div>
                        </xen:if>
                    </div>
                </xen:if>
            </div>
     
  6. James

    James Well-Known Member

    Oops, you want all the headers to be red.

    In that case, apply the subHeading class instead of removing it, in the h3.
     
  7. Neil E.

    Neil E. Active Member

    You can put this in EXTRA.css and style your "account sidebar". Change it to suit your colors etc.

    Code:
    .accountSideBar .primaryContent
    {
     color: #000000 !important;
    }
    /* ~change text color account sidebar list items~ */
     
     
     
    .accountSideBar .secondaryContent
    {
     color: #000000 !important;
     background-color: #dfffdd !important;
    }
    /* ~change color account sidebar list items selected~ */
     
     
     
    .accountSideBar .heading
    {
     color: #6d3f03 !important;
     background: url("styles/default/xenforo/gradients/category-23px-light.png") !important;
     background-color: #f9d9b0 !important;
     font-size: 11px !important;
     font-weight: normal !important;
     border-bottom: 1px solid #f9bc6d !important;
     border-top-right-radius: 5px !important;
    }
    /* ~change sidebar heading from default blue~ */
     
     
     
    .accountSideBar a
    {
     background-color: #e0e0e0 !important;
     border-bottom: 1px solid #8b4513 !important;
    }
    /* ~change sidebar link color from default blue~ */
     
     
     
    .accountSideBar a:hover
    {
     background-color: #dfffdd !important;
     border-bottom: 1px solid #8b4513 !important;
    }
    /* ~change sidebar link hover color from default blue~ */
    
     

Share This Page