In LayerSlider, there are some "layers" in projects that are listed as HTML that link to media files.
I cannot find in the documentation how to do that. Can you please advise?
TO BE CLEAR: I am not looking for a way to link a photo to a page; I'm wanting to know how to use the HTML layer function (vs Image, Dynamic, etc.) to get an image to link to that project layer so I can change what shows up.
Hello Kevin,If I understand correctly, you would like to know, how can you change the "attached" image to a non-image layer. If you have an HTML layer which shows as an image in the editor, that layer has a background image. You can find the image under Layers -> Background. You can remove and change the background image of the layer, and also set repeat and position properties.
Best Regards,George | Kreatura Dev Team
No quite. What you described, I understand. What I’m finding is when we use the HTML type of layer, it links to some picture somewhere but I can’t find where in the the properties that link is or how to edit it to link to another picture.
How do you mean, it "links" to some picture? Could you, please give me more information or maybe a screenshot where I can see more in details?
Open this page, please.
In the graphic, you see how there is a picture in the negative space of the /sidē/ logo, in LayerSlider, that picture is formatted as HTML in the layer type. But I cannot find the link that links that picture to the slide so I can either alter the link to another graphic or, in the future, set up my own.
Bottom line, do you have any documentation you can forward to me on how to set up an HTML layer type (under the Layers List) in the LayerSlider?
On the left, you see Picture is highlighted under LAYERS LIST. On the right, under LAYER SETTINGS, the type is </> HTML. The picture (peeking through /sidē/) is a media file that was in that template download.
I cannot find anywhere in the LayerSlider settings the link that pulls that picture into this layer. That is what I am trying to edit.
Hello Randy,The "Picture" text in the Layer's list is only the name of the layer. You can add any name to your layers by double clicking on their default name in the layers list.That layer is a HTML layer. So, on the right sidebar, you should click to STYLE, then scroll down to BACKGROUND section and open it. You can find the picture there, added as a background image of that layer.
Attached files: Screenshot 2022-11-21 at 13.19.19.png
See the screenshot below. There is nothing there in the background image for that layer.
I understand that I can rename it whatever I want (and how to), my problem is I cannot find where it sets that particular image as the background image.
In fact, as you can see below, I have all the options in the world to assign a picture.
And in the Project Settings, there is no selected background image there either.
Is there any documentation for how to specifically use the <HTML> layer property you can send? The online documentation does not really do it.
Something is not clear for me. Please create me a temporary wp-admin access so I can check this slider. There is impossible, that there is an image and we couldn't find the source :-)
You should still have your access.
I cannot login, please sent me a new invitation.
I've figured it out finally :-)So the layer named "Picture" contains the background image, as I've said before, but somehow the thumbnail image is not visible inside the Layer -> Style -> Background -> Background Image box. If you open the first screenshot, you can see that in the bg image context menu, the "Remove Image" option is present because there is a bg image specified. If you remove it, the image will be removed, and you can add your own image, of course.
On the second screenshot, you can see that your server can't load that file, but I don't know why exactly. This can be a WordPress issue.
If you specify a new bg image, the thumbnail should also be shown.
Attached files: 2.png 1.png
Okay. I’ll check it out today. But back to the HTML — how does that layer “property”/style work? Is it for pulling in an image using its address? If so, where do we assign that address?
Thanks, George. And happy Thanksgiving!
You can browse the image from the media library if you click on the empty bg image selector. So it is using WordPress' native solution.
I don’t think I asked it clearly: what is the HTML layer setting for? And how do we use/edit it?
You mean, what is the HTML layer type for? This layer type is an element where you can put your own HTML code if you like. But in most of the cases, we are using HTML layers for just creating a single empty element and adding a background image or gradient background to them (like we did this in PIXEL template)
If I understand, you mean to add “styling” to the page? Like <h3> to make font appear a certain way?
This makes sense. But where do we write those elements in?
And do y’all have any documentation (beyond the help page https://layerslider.com/documentation/#builder-layer-types) that may give more information on how to use/build each layer type?
Adding to my last reply, for example, the attached screenshot on using shortcodes does not really explain the editing of those codes onto the layer, just where I may hit limitations.
Does that make sense?
I’m hoping to find how to edit but can’t seem to get quite there
Attached files: 0C82BE0B-826E-4948-AA93-D768B3CE23E9.png
Hello Randy,If you would like to have a custom style H3 layer element, you can simply select H3 as layer type (but that works also with text layers, so you don't need to use a HTML layer). HTML layers are for using special, custom HTML codes, or for using shortcodes (if you, for example would like to use another plugin's output markup inside a LayerSlider layer). And we are using HTML layers often to have a 100% x 100% sized empty layer which covers the whole slider and so, you can add a gradient background for your slide.
Attached files: layer-type.png custom-code.png
I was using <h3> as an example and know I can use it elsewhere. The second part of your answer is to my meaning. Thanks!