Customizing the image in the Home page

aebolzan · 2020-05-13 01:51:52

I have updated my web site with Backlight 3 without problems and improving the galleries presentation using the great Hero Image. Now, I would like to add a frame to the image in the Home page (www.agustinbolzan.com.ar). The "Image of the month" is inserted according the following code:

###<div data-lang="es"><p style="text-align: center;font-weight: bold">Imagen del mes</div><div data-lang="en"><p style="text-align: center;font-weight: bold">Image of the month</div>

<div data-lang="es"><p style="text-align: center;"> <b> El sol se levanta sobre la sabana sudafricana</b> <br><i>(Phinda Game Reserve, Sudáfrica)</i> </div> <div data-lang="en"><p style="text-align: center;"> <b>The sun rises over the south african savanna</b> <br><i>(Phinda Game Reserve, South Africa)</i> </div>

What should I add to the code in order to add a thin single or double frame to the image?

Second question: as you see, I add one different image each month. What would be nice is to have something like a "gallery" inserted in the home page that allows to go backwards and see the previous "Image of the month", not only the current one (including the date of each previous image). Is this possible with Backlight 3?

Agustin

aebolzan · 2020-05-13 04:14:59

OK!...I found how to add a "border" using CSS!.....this seems to be the easiest of my queries

The question about a "gallery" of the "Image of the month" is still open...

Agustin

Matthew · 2020-05-13 05:46:16

Why not embed a galleria slideshow, and just add a new image to the album every month?

aebolzan · 2020-05-13 09:07:54

I will give it a try. I am not sure but I assume that I will need to incorporate the text I insert below each image previously in the image metadata in order to show it on the page as a token...besides, I have to see how to add the data (month,year) to each image as well....but I will follow your advise and see what happens...

Agustin

rod barbee · 2020-05-13 10:50:01

you can put that info into the caption, title, or any metadata fiel that can be displayed with metadata tokens.

Getting the info into the images should be pretty easy.

aebolzan · 2020-05-14 02:42:10

Well, my first tries were unsuccessful ....I faced a first problem with Tokens: seems that when you use LR, the number of tokens you can use are quite larger than in the case of using Capture One, so tokens like {Location} are missing....so, I tried to use the {Category} field and insert all the information there with some additional code for text font (<b>, <i>, etc.) and breaking lines (<br>)...the first result was that the album was a mess with such information included in the image!...images were overlapping each other...so for the moment I abandoned the idea of using a Galleria album for the home page...in principle I would need to have the possibility of using three tokens: Caption, Location and...a third one for including which to month corresponds each image...with the possibility of setting such information in different languages...maybe I am asking too much...

the other point that I didn't try, because of the initial problems, is if it is possible to change the language of the captions and month date (as shown in my site at the moment) using the Gallery album and the tokens...

Agustin

rod barbee · 2020-05-14 02:53:24

here is the list of tokens available to the Backlight online publisher: https://backlight.me/docs/metadata-tokens-in-backlight
(the topic doesn't seem complete, but you should get an idea of allowed tokens)

You can't add html to the token fields. Plain text works though. (also, <b> and <i> are deprecated html)
For the same reason you can't add html to the token fields, you won't be able to add multi language support to image captions.

aebolzan · 2020-05-14 03:50:25

yes, I saw the list...it is rather short at the moment, but will probably increase in the future

From what I saw and what you say now, I see that what I pretend is, at least at the development stage of Backlight, not possible at all...Gallery works fine, but there is no way to manipulate and customize the texts above and below the images as needed. Limitations in the language are clear...thanks anyway for the suggestions and comments. It's good to know when our ideas have its limits and which ones

Agustin

Community @ The Turning Gate

#1 2020-05-13 01:51:52

Customizing the image in the Home page

#2 2020-05-13 04:14:59

Re: Customizing the image in the Home page

#3 2020-05-13 05:46:16

Re: Customizing the image in the Home page

#4 2020-05-13 09:07:54

Re: Customizing the image in the Home page

#5 2020-05-13 10:50:01

Re: Customizing the image in the Home page

#6 2020-05-14 02:42:10

Re: Customizing the image in the Home page

#7 2020-05-14 02:53:24

Re: Customizing the image in the Home page

#8 2020-05-14 03:50:25

Re: Customizing the image in the Home page

Board footer