Community @ The Turning Gate

Progressing steadily with the SEARCH page. Got it translated and now refining keywords in Lightroom. Now queries return more precise info.

Thanks to Rod and Daniel.

P.S. Still trying to get that query box more centred...

Ok, I removed the Quick Search icon then added a search item in the navigation, as per your suggestion. Works well, except that now, there is a text "The search intro" appearing on the search page.
Trouble is I can't find in CSS, in the PHP nor in Backlight where is this text so I can change it. Any hints?

Looking at the pideja.ca folder structure on my ftp client, I notice that the search folder is not in  /backlight/search/ but rather  /galleries/search/

pideja.ca

The site in question: pideja.ca
I adjusted the Google Fonts Statement (optional) to

<link rel="stylesheet" type="text/css" href="/backlight/custom/css/MyFontsWebfontsKit.css">

Having put that css file in the CSS folder.

Maybe I'm not putting this statement where it should be...Or, should I put the WebfontKit.CSS within the Fonts folder.

Still no Kabel displaying.

I changed the name of the font to  Kabel_LT_Pro_Book.ttf The CSS now reads

@font-face {
	font-family: 'Kabel_LT_Pro_Book';

src: url('/backlight/custom/fonts/Kabel_LT_Pro_Book.eot'); /* IE9 Compat Modes */

src: url('/backlight/custom/fonts/YourFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('/backlight/custom/fonts/Kabel_LT_Pro_Book-Regular.woff') format('woff'), /* Modern Browsers */

url('/backlight/custom/fonts/Kabel_LT_Pro_Book-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */

/*url('/backlight/custom/fonts/Kabel_LT_Pro_Book-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */

}

What about the .woff format? Do I need it?

Should I include this php code:

function head() {
echo ‘
<link rel=”stylesheet” type=”text/css” href=”/backlight/fonts/Kabel_LT_Pro_Book.ttf”>
‘;
}

Also, in Backlight, in the TYPOGRAPHY section, as a Prepend Font-family w/, I have Kabel LT Pro This works on my machine but not elsewhere.

Well, I tried...

Put the Kabel LT Pro folder in Backlight>Custom>Fonts and then I wrote this CSS:

@font-face {

font-family: 'Kabel LT Pro';

src: url('/backlight/custom/fonts/Kabel LT Pro.eot'); /* IE9 Compat Modes */

src: url('/backlight/custom/fonts/Kabel LT Pro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('/backlight/custom/fonts/Kabel LT Pro-Regular.woff') format('woff'), /* Modern Browsers */

url('/backlight/custom/fonts/Kabel LT Pro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */

url('/backlight/custom/fonts/Kabel LT Pro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */

}
body {
  font-family: 'Kabel LT Pro', Fallback, sans-serif;

I then proceeded to put Kabel LT Pro in the Prepend Font-family w/boxes.

Looks great on my machine...only!
Granted it's a weird font but I think it looks great. But I guess nobody will ever see it.

Testing the search function...a little erratic up to now. Sometimes, entering a full name and surname will be treated as two words and thus, return multiple entries. As an example, entering "Michel Beaulieu" will return shows worked on by "Michel" whoever and "Beaulieu" what's is name!

Also, for some searches, entering the name will return more pertinent results than entering the full name + surname.

Testing ongoing. Also checking how each name is entered on the site.

Sorry, but it does not work here! I commented the whole section in order to continue working on the site.

As for the AAA, I just wrote that in the inspector in order to test the change.
In the inspector, the text is here:

<input type="text" id="q" name="q" value="" placeholder="Enter search, then press Return...">

As for the CSS link, do you mean this:

/* KABEL font */

function head() {
echo '
<link rel="stylesheet" type="text/css" href="pideja.css">
';
}

I commented it all.

If I use that code, I get:

If I comment line 45, I get

In all cases, I can't access the site.

I entered the template name (Search) in the Search Template field.
Being in the ALBUM TEMPLATES there are no settings to change there.
In the PAGE template, the only setting I can see is to switch the Search on or off but in the top palette only.
The main design problem is that being in the top palette, the menu button tends to overlap the search button. I should look into either a specific mobile query for either of these buttons or place the search and menu on opposite sides, with the nameplate either in the header or centred in the top palette.

As for the search box translation, I've looked over the languages section, changed all relevant entries but still no French in the search box.

Still in styling the SEARCH, is there a way to place the search button under the top palette? As it is now, it look ok on the large desktop but down on the phone, the search button overlaps the menu button!

If not I'm left with having the menu in the header...