Community @ The Turning Gate

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.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2016-10-25 13:32:14

mmanfrediwork
Member
Registered: 2015-04-07
Posts: 50

Single image for a home page background

Im up in Backlight but can't figure out how to upload a single image to use as background for my home page

http://www.markandmichellegallery.com

You can see the large white space below my "Welcome" and "Aloha....".  I would like to have a single image occupy the majority of this space.  Ideas?  Thanks

Mark

Offline

#2 2016-10-25 14:53:51

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Single image for a home page background

I'm confused. Looking at your page, and re-reading your description of what you're trying to do, it doesn't sound like you want a background image at all, but just want to insert an image into the page content. If so, then you can add it using HTML or Markdown when editing the page copy. For example:

## Welcome

Aloha!, I'm Mark Manfredi and Welcome to my family's website.

<img class="alignleft" src="path/to/image.jpg" />

You may upload the image in whatever way, or to whatever location you like. For example, you might like to upload via Designer => Image Uploads, or you could just use FTP to upload an image to /backlight/custom/images (feel free to create folders in /custom).


Matt

The Turning Gate, http://theturninggate.net

Offline

#3 2016-10-25 17:35:27

mmanfrediwork
Member
Registered: 2015-04-07
Posts: 50

Re: Single image for a home page background

That is essentially what I want to do.  I copy and pasted the line of code you provided above to the page content.  (Admittedly I'm not familiar with using text editors such as Markdown or HTML, so not sure if Copy and pasting will work.  I do have "Text Wrangler" installed.)  I replaced the file name, "DSC02013", of the image for "image.jpg" in the code above as that seems to make sense.  As you can see from the site, al that was added was a little "?" in a blue box. 

Also, I uploaded the image using Designer=>Image uploads.  All seemed to go fine and can see the image on Backlight, but could not locate the image anywhere on the server host.  I FTP the image into the folder you suggested.  Still no luck though.

Offline

#4 2016-10-25 17:40:55

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Single image for a home page background

Hi Mark,

You need to replace the full file path, not just the file name. At present, the page is looking for the image at:

path/to/DSC02013.jpg

That should be a valid path, or a full URL. If you want to use the version uploaded to Backlight, then go to Designer => Templates => Uploaded Images, then click the name of the desired image. On the resulting page, your will see the URL to that image. Copy and paste this for use.


Matt

The Turning Gate, http://theturninggate.net

Offline

#5 2016-10-25 18:23:25

mmanfrediwork
Member
Registered: 2015-04-07
Posts: 50

Re: Single image for a home page background

Below is the line of code I used for the path to the file I FTPd into Backlight, the new images folder
<img class="alignleft" src="path/to/http://www.markandmichellegallery.com/backlight/custom/images/DSC02013.jpg" />

This is the link to the image which was uploaded via Designer templates
http://www.markandmichellegallery.com/b … image&p1=1

And this is the code with the above URL pasted in.  Neither of these options worked.  Getting the same little "?"
<img class="alignleft" src="path/to/http://www.markandmichellegallery.com/backlight/designer/?c=page&a=image&p1=1" />

Offline

#6 2016-10-25 18:37:19

mmanfrediwork
Member
Registered: 2015-04-07
Posts: 50

Re: Single image for a home page background

A bit of trial and error and got it.  Here is what worked.  Im sure obvious to you
<img class="alignleft" src="http://www.markandmichellegallery.com/backlight/custom/images/DSC02013.jpg" />

Thanks

Offline

#7 2016-10-25 23:54:47

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Single image for a home page background

yep, In Matt's example "path/to/" was a stand in for your actual path to the image.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB