Removing space in the userbar?

[Zovator]

As seen above, the userbar on my site has space between the edges and the text/buttons, I would like to push them out so there is no space at the edges, only in the center, between the two sections of text, how would I be able to do that?
-Thanks.

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

#moderatorBar .pageWidth
{
	width: 100%;
}

 

[Zovator]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

#moderatorBar .pageWidth
{
width: 100%;
}

Nothing changes when I use that.

 

[Jake Bunce]

It works in my testing. Try using !important:

#moderatorBar .pageWidth
{
	width: 100% !important;
}

 

[Zovator]

It works in my testing. Try using !important:

#moderatorBar .pageWidth
{
width: 100% !important;
}

Nothing.
This is what I currently have in EXTRA.css:

#moderatorBar .pageWidth
{
    width: 100% !important;
}
 
.navTabs .navTab.PopupClosed .navLink
{
    color: yellow;
}
 
.navTabs .navTab.PopupClosed .navLink:hover
{
    color: #A0A5C4;
}
 
 
.EWRporta_Portal .breadBoxTop,
.EWRporta_Portal .breadBoxBottom
{
display: none;
}

If it makes any difference, I'm using the Flexile theme.

 

[Jake Bunce]

Your style might be different. Can you post your forum URL?

 

[Zovator]

Your style might be different. Can you post your forum URL?

Wonderbolts.org.

 

[Jake Bunce]

For your style try this:

#userBar .pageWidth
{
	width: 100% !important;
}

 

[Zovator]

For your style try this:

#userBar .pageWidth
{
width: 100% !important;
}

Perfect!
Thanks for all the help, sorry for the trouble!