Where to edit login form

[dtpl]

Hi

I would like to change a little bit the login form in the right corner on the top of forum.

Where I can edit it? I would like to:
1. move it to right
or
2. to divide it into 2 table (in first line : login form; in second Help / Registration)

I will appreciate your help!

[Lynne]

To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code. (Sometimes the template is the one mentioned at the very top of the page source.)

[dtpl]

I know how to find it. But I don't know which code is responsible for that.

Just need to move it to right, but try all margin-right and nothing works

[nerbert]

Just need to move it to right, but try all margin-right and nothing works

Do you mean you want to move it to the left as the arrow in your attachment shows? You need to edit the "right" property

I got this out of my developer tool

.toplinks {
        position: absolute;
        right: 20px;
        top: 0;
        color: #ffffff;
        font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
        text-align: right;
        background: none;
}

If you can figure out what style sheet has class toplinks you could edit it there but it would be easier to override it with inline styling in the header template

<div id="toplinks" class="toplinks" style="right:0px;">

[dtpl]

nerbert thanks for that!

But I don't now why... when I edit it in panel admin this code looks a little bit different:

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

where can I edit it your way?

[nerbert]

What I posted was what all that stuff evaluates to. I got it out of my Chrome developer tool. Like I said earlier you can override it with an inline style attribute but if you want to do it in the CSS template, change the second indented line to look like this

{vb:stylevar right}: 0px; /*{vb:math {vb:stylevar padding}*2};*/

That way you preserve the original in the the commented part in case you want to change it back.

[Lynne]

I find that the best way to change CSS is via the additional.css template, not by editing the default css templates. So you would add something like:

.toplinks {
        right: 0px;
}