Community @ The Turning Gate

Sure.

http://ariaanblok.nl/portfolio.php
On this page, at the top of the menu in pallet 1, there should be a non-interactive element "Portfolio".

http://ariaanblok.nl/info.php
On this page, in the menu in the top pallet, there should be a non-interactive element "test" before the last item "Home".

Ah, okay.

Wow, thanks Daniel and Rod, this did the trick!

Strange. When I write this in the Invitation field:
<div data-lang="nl">Neem voor meer informatie contact met mij op.</div>
<div data-lang="en">>Please contact me for more information.</div>

I get this in the page source:
<p><div data-lang="nl">Neem voor meer informatie contact met mij op.</div>
<div data-lang="en">>Please contact me for more information.</div></p>
It's placed within <p></p>

When I write this in the Invitation field:
<span style="font-weight:bold;" data-lang="nl">Neem voor meer informatie contact met mij op.</span>
<span style="font-weight:bold;" data-lang="en">Please contact me for more information.</span>

I get this in the page source:
<p><p><span style="font-weight:bold;" data-lang="nl">Neem voor meer informatie contact met mij op.</span>
<span style="font-weight:bold;" data-lang="en">Please contact me for more information.</span></p></p>
It's placed withing <p><p></p></p>

And when I write this in the Invitation field:
<span style="font-weight:bold;" data-lang="nl">Neem voor meer informatie contact met mij op.</span>
<span style="font-weight:bold;" data-lang="en">Please contact me for more information.</span>

I get this in the page source:
<p><p><span style="font-weight:bold;" data-lang="nl">Neem voor meer informatie contact met mij op.</span>
<span style="font-weight:bold;" data-lang="en">Please contact me for more information.</span></p></p>
Also double p-tags.
I don't know if that is significant.

I tested a new contact form (Contact Test) and it also shows double p-tags in the source:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu blandit nisl. Suspendisse    potenti. Pellentesque varius sagittis nibh, quis vulputate sapien molestie eget. Nulla suscipit lobortis placerat. Duis ultricies faucibus metus pellentesque vestibulum. Sed lobortis, lorem vitae tempus vestibulum, massa augue tempus quam, eu convallis orci nisl nec elit. Donec rutrum viverra magna id ornare. Sed sed leo elementum, malesuada nulla quis, pretium libero.</p>
   
<p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus semper ipsum nibh. Proin vitae erat at enim semper placerat non in metus. Praesent et sodales orci. Maecenas tristique ultricies lorem non lacinia. Mauris sem elit, scelerisque vel laoreet at, placerat a nibh. In nec nunc vel neque sollicitudin euismod. Mauris vitae lorem dui.</p>
<p>Phasellus ac tortor ante. Nulla ornare turpis et viverra bibendum. Integer non dolor id neque scelerisque sollicitudin. Vestibulum at elementum augue, eget pulvinar lectus. Phasellus imperdiet magna eu dignissim suscipit. Fusce venenatis arcu neque, in dignissim quam elementum sed. Nullam massa sapien, bibendum ac sollicitudin ullamcorper, commodo at lacus. Vivamus condimentum at orci nec mollis.</p></p>

And if I put the language code in the fields of this new form, they also lose their bold type and the asterisks moves to the next line.
So the divs in these fields are acting as a sort of line break, it seems.

I'm happy with the languages option, it's a great addition to Backlight. And putting the language divs in the contact form labels and other fields in Backlight works fine, but there's one problem I ran into: in the contact form they force the asterisk onto a new line.

Example:
<div data-lang="nl">Telefoonnummer</div><div data-lang="en">Phone number</div>

Phone number
* [        ]

Is there any way to avoid this line break? The contact form labels that are taken from the official languages files don't have this problem.
Also, I noticed that some field labels are in bold type and others aren't. Can this have anything to do with the language divs?

Link to my current (in progress) contact page: http://ariaanblok.nl/contact.php

Hi Michael,

I think you can change the color of that button under UI Styling in the template designer.
It has an option for Button Background-color and I think that's where I changed mine.

Best,
Ariaan

Thanks for the tip, Jon! Unfortunately I don't possess an iPad, so I can't check how things look on a tablet. I'm not even sure it will scroll at all there. My site is definitely not mobile friendly, but that's a worry for later.

The curvy header background was done in Photoshop this morning. I tried to create curvy borders with CSS at first, but that didn't work out the way I wanted, so it was back to good old Photoshop and PNGs. :-)

Thanks gwico! In the Dutch text I've written that you should scroll to the right, but maybe it would be best to add "Scroll ->" with a fancy arrow in a conspicuous place. And you're right, at first glance the page seems complete, with no need for scrolling. That might be an issue.

Okay. I can try placing the unedited .htaccess files from the Backlight install files back. Perhaps that has something to do with it.

Hmm, doesn't seem to make a difference.