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.
You are not logged in.
Pages: 1
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
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
looks like a bug
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Any way I can change that ?
Offline
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/3 test site
Offline
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
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
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/3 test site
Offline
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
Link?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
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...
Offline
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/3 test site
Offline
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
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/3 test site
Offline
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/3 test site
Offline
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
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/3 test site
Offline
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/3 test site
Offline
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
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/3 test site
Offline
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
SOLVED! I just got rid of it...
Offline
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/3 test site
Offline
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
Pages: 1