Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2018-09-29 01:02:05

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Contact page not showing correctly

Trying to replicate a site based on a previous Backlight installation. I have the Home and Galleries pages showing up correctly, but somehow, the Contact page does show the same formatting.

UPDATE: found the setting.  This problem is solved, now on to the next...

Last edited by pideja (2018-09-29 01:03:26)

Offline

#2 2018-09-29 04:27:56

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

We are back in the CONTACT page!
I really like Backlight 2's ability to use other languages. I work primarily in French and it's a relief to not get "@!? instead of the accentuated characters, I expect.
So I set the language manager ok (I guess) but, in the CONTACT form, I still get the NAME and EMAIL boxes titled in English.
I set the CONTACT FORMS fields and there is nothing much to set in the DESIGN PAGES/CONTACT section.

What did I miss?

Offline

#3 2018-09-29 04:33:18

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

Re: Contact page not showing correctly

looks like a bug


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

Offline

#4 2018-09-29 04:36:19

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

Any way I can change that ?

Offline

#5 2018-09-29 04:52:06

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

Re: Contact page not showing correctly

maybe jQuery? I don't know.
Or wait for Matt or Ben to comment.


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

Offline

#6 2018-09-30 00:26:26

Ben
Moderator
From: Melbourne, Australia
Registered: 2012-09-29
Posts: 4,252

Re: Contact page not showing correctly

rod barbee wrote:

looks like a bug

It's a limitation, not a bug.  Language Entries only works for fields that Backlight know about. 
Contact Form fields are defined by users, so they are not a set list that the language management can use to customise.

Offline

#7 2018-09-30 03:53:52

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

Then why could I change all the box titles in Backlight 1?

Can I use the Designer/Contact Forms settings? I already added fields, but if I add the Name and Email fields, they will not replace the existing fields.

In the Manage Language settings,  in CONTACT FORMS, I changed the name label and the email label but they do not show the change: I still have the NAME, EMAIL and SEND fields in English.


UPDATE: redid the changes in MANAGE LANGUAGES/CONTACT FORMS, cleared the Backlight cache and the browser cache. It works.

Merci beaucoup!

Last edited by pideja (2018-09-30 03:58:55)

Offline

#8 2018-09-30 06:22:04

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

Re: Contact page not showing correctly

cleared the Backlight cache and the browser cache. It works.

I should have tried that. Clearing browser cache has been required with some other things as well.


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

Offline

#9 2019-12-01 04:47:43

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

It's been a while but I have more contact form issues.

The labels and the boxes don't align correctly.
While the titles are centred, the boxes are to the left. Tried CSS to no avail.

Offline

#10 2019-12-01 09:00:52

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

Re: Contact page not showing correctly

Link?


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

Offline

#11 2019-12-03 00:11:10

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

The form does not respond to changes either in CSS or in Backlight. Trying to align the boxes with their titles either centred or left...


https://pideja.ca/contact/

Offline

#12 2019-12-03 01:50:41

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

Re: Contact page not showing correctly

your custom css is centering everything:

.slug-contact form {
	width: 50%;
	margin:0 auto;
}

that is what is centering the form fields

And you've got this custom css:

 .the__copy > .content {
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px 0px;
    width: 100%;
    max-width: 1440px;
    text-align: center;
}

the text-align: center; affects copy on all pages, this is why the copy and labels for the form are centered on the page.

if you add this rule after that, it will align the form text to the left side of the centered form:

.slug-contact .the__copy > .content {
    text-align:left;
}

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

Offline

#13 2019-12-04 00:49:37

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

Thanks, Rod

I got the text to center relative to the boxes but the name, email and phone boxes are kinda too small compared to the message box.

Also, I noticed (at last) that the order in which the CSS settings are placed does in fact make a difference.
If I set

.contact-form{
    margin-top: 50px;

at the head of the CONTACT form instructions, it changes the whole aspect of the page, whereas if placed at the end, as in this case, the form looks almost ok.

Offline

#14 2019-12-04 01:01:48

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

Re: Contact page not showing correctly

pideja wrote:

Also, I noticed (at last) that the order in which the CSS settings are placed does in fact make a difference.
If I set

that's the cascade. if you have rules using the same selector, the last instance of that selector is the one that will be used.
later css overrides earlier css.
and earlier, more specific, css will take precedence over later, less specific css.


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

Offline

#15 2019-12-04 01:12:37

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

Re: Contact page not showing correctly

pideja wrote:

Thanks, Rod

I got the text to center relative to the boxes but the name, email and phone boxes are kinda too small compared to the message box.

this will control the label sizes

   

form label {
		font-size: 2em;
	}

but you're going to have to clean up your css file. I tried placing this at the end but it wouldn't work there.
I found an unclosed rule on line 108

.contact-form{
    margin-top: 50px;

and an unclosed media query starting on line 197


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

Offline

#16 2019-12-04 02:22:53

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

I tried commenting the whole CONTACT FORM CSS settings...nothing changes even after multiple cache cleaning.

Now trying to re-activate each entry, one by one.


After trying to comment on/off any or all CSS settings, no change occurs at all. It's as if something was rendering my CSS useless.

Last edited by pideja (2019-12-04 02:35:29)

Offline

#17 2019-12-04 03:11:06

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

Re: Contact page not showing correctly

your css still has problems:
the media query starting on line 195 (under your Mobile section) is still not closed properly.

starting on line 226 you have two entries that are invalid:

:first-child {
		font-weight: light;
	}
	:nth-child(2) {
		font-weight: italic;
	}

Those are psuedo selectors and need to be attached to regular selectors. First-child of what? Nth-child of what?

In the inspector, I can delete all your css and see a big change to the page.


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

Offline

#18 2019-12-04 03:30:41

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

Re: Contact page not showing correctly

pideja wrote:

I tried commenting the whole CONTACT FORM CSS settings...nothing changes even after multiple cache cleaning.

Now trying to re-activate each entry, one by one.


After trying to comment on/off any or all CSS settings, no change occurs at all. It's as if something was rendering my CSS useless.

are you changing the correct css file for that page template (pideja.css)?


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

Offline

#19 2019-12-06 02:32:45

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

I am using the correct CSS file, the only one I use for this site. I have commented out some lines that don't seem to do anything. But still, I can't find where and how to style those fill-in boxes. I know I did it before (https://pideja.ca/gbc/contact/) but the CSS that goes with it is discreet, to say the least:

.contact-form input {
max-width:50%;
color:red;
}
.the__copy>.content,.contact-form p {
text-align:center;
}

So there's no help there.
Can these settings be in Backlight rather than the CSS file?

Offline

#20 2019-12-06 02:41:47

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

Re: Contact page not showing correctly

this will center the input fields

.contact-form input {
		max-width: 50%!important;
	margin: 0 auto;
	}

place this before your mobile media query.
And you still haven't properly closed that media query. If it runs to the end of the file, then you need to add a final }
If not, it needs to be closed at whatever point you intended.


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

Offline

#21 2019-12-06 03:09:09

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

Got it to style (almost) as I want it. I say that because of that RECAPCHAT thing. It's ugly and I can't find how to place it, probably centred.

Offline

#22 2019-12-06 03:11:17

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

SOLVED! I just got rid of it...

Offline

#23 2019-12-06 06:50:26

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

Re: Contact page not showing correctly

It’s easy to center with css


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

Offline

#24 2019-12-07 04:10:42

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,203

Re: Contact page not showing correctly

I understand but for now, it was more expedient for me to proceed this way. I want this project to be completed, at least in large part, by next September.
I have shot over 500 productions since 1984 and I'm trying to create a sort of archive of this work.

I am totally grateful for all your help.

Offline

Board footer

Powered by FluxBB