HTML Layer

IN THIS ARTICLE

⚠️ Warning: You need to have a developer's knowledge to be able to use this layer! For these reasons, we're not able to provide support for this layer. We're also not able to provide support for any kind of 3rd party code you place to your slider.

You can find the HTML layer in the Slide Editor.

☝️ Note: This layer is only available in the Pro version of Smart Slider 3.

You have an option to write your own HTML and CSS code in here. When you are writing HTML codes, make sure that they are valid, because if they aren't, your slide won't be saved down correctly, which will mess up your slider, and you will need to remake it!

Content

General

HTML

Any HTML code can come here.

⚠️ Warning: You can't put PHP code into our backend. You could just link to a PHP file, where you could do what you want, and redirect back.

Repair HTML errors

☝️ Note: This option is only visible on servers which have the tidy module enabled.

This option was created to try to avoid HTML coding errors. If you see parts of your codes missing in the result, this option modifies it. You could turn it off, if for example you are using custom HTML tags, which couldn't be identified by tidy module's html repairing.

CSS

Any CSS code can come here with CSS selectors.

Style

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Common Issues

Slide editor doesn't work or slider doesn't look correctly after the HTML layer was added

This problem happens when you added invalid HTML code, that messed up your slider. The slide was saved down badly, so you can't fix it. You will have to delete the slide with the HTML layer, and recreate it.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.