XF 1.3 Staff member

isaiahv

Member


My website is hvaclounge.com. I had a guy recently edit the styles. Now the staff member part is messed up and I can't get a hold of the guy. How do I fix this part?
 

tajhay

Well-known member
add this to extra.css

Code:
.messageUserBlock .userBanner {
margin-left: 0px!important;
}
 

isaiahv

Member
I think he mentioned editing something in breadcrumb? Could that affect the extra?

Here is whats in the breadcrumb.css

Code:
.breadBoxTop,
.breadBoxBottom
{
    @property "breadBox";
    padding: 0;
    margin: 10px 0;
    overflow: hidden;
    zoom: 1;
    clear: both;
    @property "/breadBox";
}

.breadBoxTop
{
}

.breadBoxTop .topCtrl
{
    @property "breadBoxTopCtrl";
    margin-left: 10px;
    float: right;
    line-height: 26px;
    @property "/breadBoxTopCtrl";
}

.breadcrumb
{
    background: linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 #F2FAF7;
    border: 1px solid #92BAA7;
    border-radius: 5px;
    font-size: 11px;
    height: 24px;
    max-width: 100%;
    overflow: hidden;
}

.breadcrumb .crumbs
{
    display: block;
    line-height: 24px;
    margin-right: 20px;
}

.breadcrumb.showAll
{
    height: auto;
}

.breadcrumb .boardTitle
{
    @property "breadcrumbBoardTitle";
    display: none;
    @property "/breadcrumbBoardTitle";
}

.breadcrumb .crust
{
display: block;
    float: left;
    max-width: 50%;
    position: relative;
}

.breadcrumb .crust a.crumb
{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
}

    .breadcrumb .crust:first-child a.crumb
    {
        @property "breadcrumbItemFirstCrumb";

        @property "/breadcrumbItemFirstCrumb";
    }
   
    .breadcrumb .crust:last-child a.crumb
    {
        @property "breadcrumbItemLastCrumb";
        font-weight: bold;
        @property "/breadcrumbItemLastCrumb";
    }

.breadcrumb .crust .arrow
{
}

    .breadcrumb .crust .arrow:after
    {
       
    }
   
    .breadcrumb .crust:last-child .arrow
    {
        display: none;
    }
   
    .breadcrumb .crust.last-child .arrow
    {
        display: none;
    }

.breadcrumb .crust .arrow span
{
    @property "breadcrumbItemArrowInner";
    display: none;
    @property "/breadcrumbItemArrowInner";
}

.breadcrumb .crust:hover a.crumb
{
    @property "breadcrumbItemCrumbHover";
    text-decoration: underline;
    @property "/breadcrumbItemCrumbHover";
}

.breadcrumb .jumpMenuTrigger
{
    @property "breadcrumbJumpMenuTrigger";
    background: transparent url('@imagePath/xenforo/xenforo-ui-sprite-editable.png') no-repeat 0 0;
    margin: 4px 0 0;
    display: block;
    float: right;
    white-space: nowrap;
    text-indent: 9999px;
    overflow: hidden;
    width: 13px;
    height: 16px;
    @property "/breadcrumbJumpMenuTrigger";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .breadBoxTop,
    .Responsive .breadBoxBottom
    {
        margin-left: {xen:calc '0 - @pageWidthResponsiveWide.padding-left'}px;
        margin-right: {xen:calc '0 - @pageWidthResponsiveWide.padding-right'}px;
    }

        .Responsive .breadBoxTop
        {
            margin-top: 0;
        }

        .Responsive .breadBoxBottom
        {
            margin-bottom: 0;
        }

    .Responsive .breadBoxTop .topCtrl
    {
        margin-left: 0;
    }

        .Responsive .breadBoxTop .callToAction
        {
            display: block;
        }

    .Responsive .breadcrumb,
    .Responsive .breadBoxTop .callToAction span
    {
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0;
    }
}
</xen:if>
 

Mike

XenForo developer
Staff member
You have broken CSS in a few places. Such as the ".sidebar" selector, "#header" and "#headerMover #headerProxy". These may have knock on effects by causing CSS below them to not be processed.
 

isaiahv

Member
You have broken CSS in a few places. Such as the ".sidebar" selector, "#header" and "#headerMover #headerProxy". These may have knock on effects by causing CSS below them to not be processed.
These are located in extra?
 

Brogan

XenForo moderator
Staff member
Unless you have edited the css templates, yes.

I recommend using Notepad++ to edit EXTRA.css.
It will highlight where a missing curly bracket is, for example.
 

isaiahv

Member
You have broken CSS in a few places. Such as the ".sidebar" selector, "#header" and "#headerMover #headerProxy". These may have knock on effects by causing CSS below them to not be processed.
What is the going rate to have this fixed?
 
Top