HTML Content

Lorem ipsum
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Guide

Let’s say you have a page with a list of articles

html_1

1. Go to page editing.

2. Select the items that need to be inside the ticker.

html_2

3. Click on “limarquee” button.
This button is used to add a short code around the selected content.

html_3

4. After pressing the button you need to specify the class name. Enter any unique name using only the characters of the Latin alphabet and numbers. The name must begin with a letter.
After input click “OK”.

html_4

5. In the editor, you will see a shortcode with the attribute “class”.

html_5

6. Save Changes

html_6

7. Now go to the plugin settings page liMarquee.
(Setting -> liMarquee).

shot-code_9

8. In the plugin settings page, enter the name of the class that you added earlier in the visual editor.

html_7

9. Now you need to add styles to the list of articles, in order to articles arranged one behind the other. This can be done on the plugin settings page, in the line “Custom styles”.
Insert the following CSS:
.contItem { display:inline-block; vertical-align:top; width:300px; padding:20px; white-space:normal;}
.contItemImage { width:100%;}

A very important part of this code is the rule:
white-space:normal;
It is necessary order to ensure that the text inside the article block had a line break, since by default this feature is disabled.

html_8

10. Save your changes by clicking on “Save Changes” button.

direction_2

11. Go to the page in which you inserted a short code and update it.

html_9

12. Done.