Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 Re: Backlight Support » CE2 to Backlight » 2017-12-13 02:46:30

See if this answers your questions: http://ttg-tips-and-tricks.barbeephoto. … backlight/
It's written with converting a non-publisher based CE4 site in mind, but it's still applicable.

My suggestion would be to build your Backlight site online in a test folder or test subdomain, unless you're familiar with using one of the virtual servers like WAMP or MAMP. If you are, then you could build on your computer and upload.

#2 Re: Backlight Support » Lightroom and Published website » 2017-12-11 01:19:54

Published albums are specific to a catalog. Are you using the same catalog that you used to originslly publish the albums?

If published with a different catalog, it’s best to open that catalog and delete the albums from Publisher there.

If nothing else, you can remove albums from Backlight. Go to Publisher > Top-level Galleries > Albums. Click on an album name and scroll down the resulting page and click Delete.

#4 Re: Backlight Support » Vertical navigation - width » 2017-12-09 07:48:39

It's a good option. Particularly because it should behave better with the existing Backlight styling.

#5 Re: Backlight Support » Vertical navigation - width » 2017-12-09 06:36:31

Any reason why you're not inserting an inline Vegas slide show album on that page? Just curious.

#6 Re: Backlight Support » Vertical navigation - width » 2017-12-09 04:46:50

I see you corrected the the css that moved the content to the left. You should also take a look at mobile sizes.
Any change you make to positioning is likely to mess up the site on mobile devices. If you still choose to use positioning, I'd suggest putting it in a media query that affects only desktop sizes.

#7 Re: Backlight Support » Adjusting font size in a pangolin descriptive gallery » 2017-12-09 02:09:46

Custom css: http://backlight.theturninggate.net/doc … tylesheets

use this for the description

figcaption p.album-description {
  font-size: 18px;
}

and this for the title:

figcaption p.album-title {
  font-size: 20px;
}

You can use em, or px (among others) to set the font size
css font-size property: https://www.w3schools.com/cssref/pr_font_font-size.asp


If you want both increased by a proportional amount, try this:

figcaption p.album-description, figcaption p.album-title {
  font-size: 1.2em;
}

#8 Re: Backlight Support » Secondary masthead not initially drawn » 2017-12-09 01:36:21

Another thought having to do with caching. Are you using a caching plug-in with WordPress? If so, try disabling it while making design changes.

#9 Re: Backlight Support » Vertical navigation - width » 2017-12-09 01:33:51

Also, I'd like the footer to be right or left aligned because having it centered on the page looks off, relative to the image. The CSS lines for the footer are:

you can use the text align controls in the page template > Footer > Bottom Pallet/Copyright

#10 Re: Backlight Support » Vertical navigation - width » 2017-12-09 01:29:44

First thing, the rule you have preceding that doesn't have a closing brace. That will negate any css that follows.

.main__column > .content {
      left: 120px;

So fix that first.

Second, your using the wrong selector. It should be: li.copyright; there are no paragraph tags in the footer (page__pallet__bottom)

/* footer */

li.copyright {
	font-style: italic;
	text-align: left;
	position: relative;
    left: 05%;
}

#12 Re: Backlight Support » Secondary masthead not initially drawn » 2017-12-08 07:47:10

I don't see the padding problem at all when on iPhone and going between regular pages (WordPress) and Backlight pages (Galleries page and albums)

#13 Re: Backlight Support » Vertical navigation - width » 2017-12-08 07:15:52

Assuming that this is the site we're discussing: http://pideja.ca/

Your custom css has several errors:

.about .the__copy .content {
text-align: left;
text-widht: 800px

/* position and size  vertical navigation */  
 
.page__pallet {
    width: 100px;
    min-width: 100px;
    max-width: 100px;

 

It should be:

.about .the__copy .content {
text-align: left;
text-width: 800px;
}

/* position and size  vertical navigation */  
 
.page__pallet {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

The missing closing curly brace from the first rule in your version negates any css that follows. That's why the pallet width was not shrinking.

Once that's fixed, the missing closing  culry brace from the second rule would then negate whatever css that follows. In this case, your slideshow css and your footer css

#14 Re: Backlight Support » Secondary masthead not initially drawn » 2017-12-08 07:11:26

What's happening for me is that most of the time (Not always), your mobile masthead doesn't appear. I have to refresh before it appears.
This is not the behavior I'm seeing on a test page I've set up to basically do the same as your site. One difference is that my image is 48px tall (originally created to fit in top pallet)
Yours is 1080px x 73px and needs to be scaled down. Yours certainly doesn't need to be 1080px wide for an iPhone.

#15 Re: Backlight Support » Vertical navigation - width » 2017-12-08 06:51:43

pideja wrote:

Using the Firefox Inspector, I could easily reduce the size of the logo-image to half its size. Should I place the script you suggest in CSS?

UPDATE: As soon as I inserted the script into "backlight.css", the logo-image returned to it's initial size while the css script did nothing to reduce the pallet size.

Place it in your custom css file, as with any css you change.
(And don’t forget the closing curly brace)

#16 Re: Backlight Support » Vertical navigation - width » 2017-12-08 06:50:57

Daniel Leu wrote:
pideja wrote:

Using the Firefox Inspector, I could easily reduce the size of the logo-image to half its size. Should I place the script you suggest in CSS?

UPDATE: As soon as I inserted the script into "backlight.css", the logo-image returned to it's initial size while the css script did nothing to reduce the pallet size.

You are missing a closing bracket.

.page__pallet {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
} /* <----- */

Oops, my fault. Just copied from inspector and missed it.
Still, basic css.

#17 Re: Backlight Support » Secondary masthead not initially drawn » 2017-12-08 04:33:53

I see what you mean. I can only see the upper half of the mobile masthead initially in portrait mode. After rotating though, everything is smooth. Check on my iPhone 6 in both Safari and Firefox for iOS.

But I'm also seeing the same thing as Daniel. I don't think the image needs to be 1080px wide either. Try cropping it to the text and set alignment to left in the Secondary Masthead setup.

#18 Re: Backlight Support » Vertical navigation - width » 2017-12-08 01:18:53

pideja wrote:

Also, that logo is an image. So, I guess it should be managed separately, yes?

give it a try. It will still be only 100px wide though if you keep it in the pallet and use that custom css to reduce the pallet width.

#19 Re: Backlight Support » custom template » 2017-12-08 00:21:48

So, this is my problem, is there another "invisible" template stuck in there? Maybe the problem is that I named the template "Acceuil" and my home page is also named "Acceuil". I changed the name of the page template from "Acceuil" to "Page de base/ and it is now correctly identified as the default template.

This shouldn't matter.

#20 Re: Backlight Support » Vertical navigation - width » 2017-12-08 00:17:43

Using the browser inspector I can see this (assuming this is the same site as in your other question--links in posts always help us to help you)

.page__pallet {
    background-color: transparent;
    color: #fef7db;
    flex-basis: auto;
    flex-grow: 1;
    margin: 0px 0;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

so try this:

.page__pallet {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

Edit: Updated to include closing braces

#22 Re: Backlight Support » Edit Contact Form » 2017-12-06 07:03:35

In that case, then for now I’d stick to creating WordPress pages and using one of the many good contact form plugins like Contact Form 7 or Gravity Forms.

#23 Re: Backlight Support » Edit Contact Form » 2017-12-06 06:44:50

I'll be interested in what you come up with since I'd like to make some specialized forms of my own. Just haven't take the time yet to investigate it.

#24 Re: Backlight Support » Edit Contact Form » 2017-12-06 05:54:17

Don't know if you've seen it yet, but in the backlight/modules/pangolin-page/patterns/ folder are a number of html documents. One is form-contact.html. Perhaps start there?
There's also another named form-other.html that has various form elements you could possibly use.

#25 Re: Backlight Support » custom template » 2017-12-06 05:50:47

Can't really say much since we can't see the back end. Consider posting guest Backlight credentials so someone can take a look.

Board footer

Powered by FluxBB