Toplink issue

[Clanqbc]

OK im a noob, first.

i want simply to move my toplink to the right
right now its

PHP Code:

.toplinks {
position: absolute;
right: 20px;
top: 0;
color: rgb(0, 153, 255);
font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align: right;
background: #25292c none;
}

for 

.toplinks {
position: absolute;
right: 0px;
top: 0;
color: rgb(0, 153, 255);
font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align: right;
background: #25292c none;
} 


but when i change the css in Styles & Templates>style manager>Replacement Variables
its all wrong !

Im used to find answer by my self, but now,i throw the towel.

Please help !


http://www.leqbc.ca/forum/content.php

David R.

[tbworld]

Checked your site, looks to me as if you have it fixed.

[Lynne]

I just wanted to state that the place to change your CSS is NOT in the Replacement Variables area. It's in the Edit Stylevars area or the Edit Templates > CSS Group templates.

[Clanqbc]

@Tbworld i revert the change.

so my real question is where can i change this.
i want to put right: 0px;

PHP Code:

.toplinks {
position: absolute;
right: 20px;
top: 0;
color: rgb(0, 153, 255);
font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align: right;
background: #25292c none;
} 


i checked the stylevar, cant find anything.
i also check in the edit template, but i need lil help here.

ty again

David R.

--------------- Added [DATE]1400818239[/DATE] at [TIME]1400818239[/TIME] ---------------

Oyeah found it !

its in vbulletin-chrome.css

PHP Code:

.toplinks {
    position:absolute;
    {vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
    top:0;
    right: 0px;
        color:{vb:stylevar toplinks_link_color};
    font: {vb:stylevar header_font};
    text-align:{vb:stylevar right};
    background:{vb:stylevar toplinks_background};
} 


i simply added
right: 0px;

Ty Lynne

[tbworld]

Your CSS code should work if you add it to the end of the "additional.css" template for that particular parent style. This is where you would normally add CSS snippets to override vbulletin CSS.

Sometimes you can get away with just altering the vB-STYLEVARS for minor changes. For small amounts of CSS code there is virtually no performance difference, but there is advantages and disadvantages for both. Nothing that I would worry about at this point.

@Lynne is one of the CSS gurus around here, I tend to follow her guide lines.