Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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
1. Go to page editing.
2. Select the items that need to be inside the ticker.
3. Click on “limarquee” button.
This button is used to add a short code around the selected content.
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”.
5. In the editor, you will see a shortcode with the attribute “class”.
6. Save Changes
7. Now go to the plugin settings page liMarquee.
(Setting -> liMarquee).
8. In the plugin settings page, enter the name of the class that you added earlier in the visual editor.
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.
10. Save your changes by clicking on “Save Changes” button.
11. Go to the page in which you inserted a short code and update it.
12. Done.