PDA

View Full Version : Toplink issue


Clanqbc
05-22-2014, 08:42 PM
OK im a noob, first.

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

.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 !
http://www.leqbc.ca/images/Toutes%20Images/css%20toplink%20issue.jpg
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
05-22-2014, 09:56 PM
Checked your site, looks to me as if you have it fixed.

Lynne
05-22-2014, 11:09 PM
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
05-23-2014, 02:55 AM
@Tbworld i revert the change.

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

.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 1400818239 at 1400818239 ---------------

Oyeah found it !

its in vbulletin-chrome.css

.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
05-23-2014, 03:13 AM
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. :)