Changing layout

mel
Offline

Support Specialist

9 years 9 months ago #49520 by mel

Replied by mel on topic Changing layout

For me, the width of the "sclogin-joomla-login horizontal pull-left" div in Chrome was computed to ~285px. In IE for me, the text links were right next to the Login button, not underneath and to the right like your screenshot. I also inspected and there was no width set. When I added the same width style, the links were forced under. So my suggestion is to find what is forcing the width to that size for Chrome or adding a width to the div.

The topic has been locked.

BrianJA
Offline

Active Subscriptions:

None

9 years 9 months ago #49529 by BrianJA

Replied by BrianJA on topic Changing layout

I added the width to the css below, and worked perfectly. Now, I just need to play with the spacing a little. Thanks!

.sclogin {
text-align: left;
width: 285px;
}

The topic has been locked.

mel
Offline

Support Specialist

9 years 9 months ago #49532 by mel

Replied by mel on topic Changing layout

Glad you got it working the way you wanted.

The topic has been locked.

BrianJA
Offline

Active Subscriptions:

None

9 years 9 months ago #49630 by BrianJA

Replied by BrianJA on topic Changing layout

Thanks Mel! Just 1 more thing I need to fix. I need to change the width of the form fields. Where is that located? I tried changing a few things, but the size isn't changing, so it's probably the wrong one.

The topic has been locked.

mel
Offline

Support Specialist

9 years 9 months ago #49632 by mel

Replied by mel on topic Changing layout

If you inspect the textboxes, there is an input-small class on them. You can easily add another style such as:

.sclogin .input-small {
width: 120px;
}

Then just make sure to adjust the width appropriately on the .sclogin style block that we mentioned above.

-Melissa

The topic has been locked.

BrianJA
Offline

Active Subscriptions:

None

9 years 9 months ago #49633 by BrianJA

Replied by BrianJA on topic Changing layout

I found it. I added the width in the following:

#sclogin-username,
#sclogin-passwd {
margin-top: 0px;
width: 110px;

The topic has been locked.

BrianJA
Offline

Active Subscriptions:

None

9 years 9 months ago #49640 by BrianJA

Replied by BrianJA on topic Changing layout

1 last thing and I'll stop bothering you. :-)

How can I change the space between the "Forgot Username" and "Forgot Password" links to make it wider?

After this, it will be perfect!

Thanks

The topic has been locked.

mel
Offline

Support Specialist

9 years 9 months ago #49643 by mel

Replied by mel on topic Changing layout

You have a "#s5_top_menu li a" style block with a padding-right. Try

#s5_top_menu .sclogin li a {
padding-right:45px;
}

The topic has been locked.

SourceCoast Login

Changing layout