Backlight web design help with placement, size, color etc of images an

rod barbee · 2017-11-24 03:21:00

I suppose that one way of doing what you want by using an album set to create those links on the home page is to use custom css to hide the gallery area on the pages that you click through to. Then just put all the stuff you need into the content area of each gallery.

That wouldn't be hard to do at all. Let me know if you want to try this and I can write up some instructions.

peter · 2017-11-24 04:02:13

Had a long 'conversation' with the Art Director!

Tried explaining the images were just placeholders, and she could have anything there she wanted, it was done to show how the 'icons' would look and behave on a desktop & a mobile.

She wants the original hearts and text, which is fine. I can do that, but I am thinking I should create a graphic that will contain the image and text, then use that.

Maybe for the gallery page, I just make the image a pixel in size, so it's hidden that way, rather than you waste time writing up code to hide it - she might change her mind and go in a different direction by this afternoon...

rod barbee · 2017-11-24 05:50:52

it's literally one line of code. very, very, very easy.

rod barbee · 2017-11-24 06:21:53

If you decide you want to try it, here are the steps to take:

Clone your current album template and give it a name of "Hidden Gallery" and save
In Designer > Templates, scroll down to the album templates and click on the name "Hidden Gallery"
Click on Edit Properties
Give it the Identifier of hidden-gallery (this adds a class to the body tag that we can target with css)

assign the Hidden Galleries template to the albums that you're placing in that album set on the front page.

If you haven't done so already, create a custom css file and activate it in the page template that your album templates are using.
http://backlight.theturninggate.net/doc … tylesheets

in that file, place this code:

.album-template-identifier-hidden-gallery .the__gallery{
	display:none;
}

this code will hide the gallery area only in those albums are assigned to the "Hidden Gallery" album template.

peter · 2017-11-24 06:31:33

Well. if it's that easy... I'll try it out!
Thanks Rod

peter · 2017-11-24 09:17:42

Hi Rod,

Hi Rod, I was able to do this, so thanks for that.

So now I get a blank page, or hidden gallery. I am trying to figure out how I insert the content (eg. Contact Form) into these blanks.
We also thought about having other items in this album set that point to portfolio galleries. That should just be a matter of duplicating the albums from Publisher. It duplicates the images, but that's no big deal.
I'm going to try that out first...

peter · 2017-11-24 09:30:16

Yes!
Adding a Portfolio image link was straight forward. I know I am duplicating a few hundred images, but we have lots of storage.

But now I need to rethink some things... I gotta talk to the boss.

Last edited by peter (2017-11-24 09:38:49)

rod barbee · 2017-11-24 09:49:43

peter wrote:

Hi Rod,
Hi Rod, I was able to do this, so thanks for that.
So now I get a blank page, or hidden gallery. I am trying to figure out how I insert the content (eg. Contact Form) into these blanks.
We also thought about having other items in this album set that point to portfolio galleries. That should just be a matter of duplicating the albums from Publisher. It duplicates the images, but that's no big deal.
I'm going to try that out first...

You can only insert contact forms into pages, not albums or album sets

And you only need to publish one picture inn these albums: the one you want to appear in the album set.
Any content you add to the blank page needs to be entered in the album content area via Markdown and/or html

rod barbee · 2017-11-24 09:52:47

For some inspiration, take a look at Monte Trumbull’s Home page
https://www.montetrumbull.com
Fair warning: he designed that lower part with his own custom html grid and styled it with his own custom css.
Probably one of the best TTG based sights I’ve seen

peter · 2017-11-26 10:34:18

Well, back to working on this.
It looks like I have too many restrictions trying to do this.

For the Contact page, I need a Contact form, but the Album template doesn't allow this to be added.
For the Review link, I nee to go to a website, not to an Album page.
The other 2 buttons are doable, but if it can't be done for the other 2, then I have to think of something else.

peter · 2017-11-26 11:37:46

I've decided to go with just regular images. We have sized them so they look ok now.
Thanks for all the help -I've learned some stuff.

Community @ The Turning Gate

#76 2017-11-24 03:21:00

Re: Backlight web design help with placement, size, color etc of images an

#77 2017-11-24 04:02:13

Re: Backlight web design help with placement, size, color etc of images an

#78 2017-11-24 05:50:52

Re: Backlight web design help with placement, size, color etc of images an

#79 2017-11-24 06:21:53

Re: Backlight web design help with placement, size, color etc of images an

#80 2017-11-24 06:31:33

Re: Backlight web design help with placement, size, color etc of images an

#81 2017-11-24 09:17:42

Re: Backlight web design help with placement, size, color etc of images an

#82 2017-11-24 09:30:16

Re: Backlight web design help with placement, size, color etc of images an

#83 2017-11-24 09:49:43

Re: Backlight web design help with placement, size, color etc of images an

#84 2017-11-24 09:52:47

Re: Backlight web design help with placement, size, color etc of images an

#85 2017-11-26 10:34:18

Re: Backlight web design help with placement, size, color etc of images an

#86 2017-11-26 11:37:46

Re: Backlight web design help with placement, size, color etc of images an

Board footer