XF 1.3 Staff member

[isaiahv]

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]

add this to extra.css

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

 

[isaiahv]

add this to extra.css

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

I added it to extra but no luck

 

[isaiahv]

I noticed any changes made to extra has no affect on anything.

 

[isaiahv]

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

Here is whats in the breadcrumb.css

.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]

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]

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?

 

[Paul B]

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]

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?