Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2016-01-10 17:51:03

HaraldJ
Member
From: Surrey, United Kingdom
Registered: 2012-10-10
Posts: 77
Website

CSS for login page

Is there a way to change the styling for the client login page? I' talking about the one reached via /ttg-be/crg/, not the one for a specific gallery.

I have found that I can change the wording via the TTG-BE admin localisation for CRG, but, looking at the CSS for the page, I don't find any CSS IDs or class names I could use.

What I would like to do is centre the login block on the page, and make the page a bit higher, that's all.

Thanks!!!

Harald


Harald Joergens ARPS
Harald Joergens Photography
Nutfield, Surrey, UK

Offline

#2 2016-01-11 01:39:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: CSS for login page

try this:

.crg-unready h1{
text-align: center;
}
.crg-unready #form.login {
text-align: center;
margin: 0 auto;
}

Not sure what you mean by making the page a bit higher since we can't see the page (links always help). You might be able to control that with the template you're using.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2016-01-11 01:52:32

HaraldJ
Member
From: Surrey, United Kingdom
Registered: 2012-10-10
Posts: 77
Website

Re: CSS for login page

rod barbee wrote:

try this:

.crg-unready h1{
text-align: center;
}
.crg-unready #form.login {
text-align: center;
margin: 0 auto;
}

Not sure what you mean by making the page a bit higher since we can't see the page (links always help). You might be able to control that with the template you're using.



Hi Rod,

Thank you very much indeed, that was exactly the information I was looking for. The code below gives me exactly what I wanted.

Best regards

Harald

.crg-unready h1
{
    padding-top: 70px;
    text-align: center;
}
.crg-unready #form.login 
{
    text-align: center;
    margin: 50px auto;
    padding-bottom: 150px;
}

.crg-unready #form.login
{
    text-align: left;
}

Harald Joergens ARPS
Harald Joergens Photography
Nutfield, Surrey, UK

Offline

#4 2016-01-11 02:39:40

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: CSS for login page

the text-align property in your second .crg-unready form.login rule is overriding the first one


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#5 2016-01-11 03:43:46

HaraldJ
Member
From: Surrey, United Kingdom
Registered: 2012-10-10
Posts: 77
Website

Re: CSS for login page

rod barbee wrote:

the text-align property in your second .crg-unready form.login rule is overriding the first one

Hi Rod,

Yes it does - but only for the two labels on top of the input fields, and they look a bit odd when centred.

You can see the resulting layout here.

Thanks again for your help!

Harald


Harald Joergens ARPS
Harald Joergens Photography
Nutfield, Surrey, UK

Offline

#6 2016-01-11 04:13:48

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: CSS for login page

right. That means that you don't need the text-align: center; in the previous rule.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#7 2016-01-11 04:23:22

HaraldJ
Member
From: Surrey, United Kingdom
Registered: 2012-10-10
Posts: 77
Website

Re: CSS for login page

rod barbee wrote:

right. That means that you don't need the text-align: center; in the previous rule.

Actually I do need the text-align: center; otherwise the "Login" header is left justified, andd looks very much out of place.


Harald Joergens ARPS
Harald Joergens Photography
Nutfield, Surrey, UK

Offline

#8 2016-01-11 08:12:31

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: CSS for login page

but it gets negated by the text-align: left;

http://rodbarbee.com/screen_caps/text-align.jpg


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB