No. 310, Galle Road
Colombo 03
VAT registration No: 104040950 7000
Telephone: (+94) 11-2370990
Website: www.vallibelfinance.com
Mr. K D A Perera – Chairman
Mr. S B Rangamuwa – Managing Director
Mr. S S Weerabahu – Executive Director
Mr. J Kumarasinghe – Independent Non Executive Director
Mrs. C P Malalagoda – Independent Non Executive Director
Mr. M A K B Dodamgoda – Independent Non Executive Director
Mr. Prabath Perera – Independent Non Executive Director
Mrs. K G L D Kottegoda
Vallibel Finance PLC, Corporate Office, No.480,
Galle Road, Colombo 3
Telephone: (+94) 11-7600000
Email: lakminik@vallibelfinance.com
Central Depository Systems (Pvt) Limited
Ground Floor, M & M Centre, 341/5, Kotte Road, Rajagiriya,
Telephone: (+94) 11- 2356444
Fax: (+94) 11- 2440396
Email: registrars@cse.lk
Ernst & Young
Rotunda Towers, No.109, Galle Road, P.O. Box 101, Colombo 03
Telephone: (+94) 11-2463500
Fax: (+94) 11-7687869
KPMG
No. 32A, Sir Mohamed Macan Marker Mawatha P.O Box 186 Colombo 03.
Telephone: (+94) 11-5426426
Fax: (+94) 11-2445872
Corporate Branch
No.4, Bank of Ceylon Mawatha
Colombo 01.
Headquarters Branch
No.75, Sir Chittampalam A Gardiner Mawatha
Colombo 02.
Millennium Branch
90, Galle Road
Colombo 03
Headquarters Branch
No 110, Sir James Peiris Mawatha,
Colombo 02.
Head Office Branch
No.450, Galle Road
Colombo 03.
Head Office Branch
No.103A, Dharmapala Mawatha
Colombo 07.
Colombo Branch
No. 86, Galle Road,
Colombo 03.
Kollupitiya Branch
No. 293, Galle Road,
Colombo 03.
Kollupitiya Branch
No 285, Galle Road,
Colombo 03.
Creating scrollable text content in Elementor can be achieved through a few methods, depending on the desired effect:
1. Using the HTML Widget and CSS for a Scrollable Box:
This method is suitable for creating a static text box with a scrollbar when the content exceeds a defined height.
Add an HTML Widget: Drag and drop an HTML widget onto your Elementor canvas.
Insert HTML and CSS: Inside the HTML widget, add your text content within a div element and apply CSS to make it scrollable.
Code
<div class=”scrollable-text-box”>
<p>Your long text content goes here…</p>
<p>More content…</p>
<p>Even more content that will require scrolling…</p>
</div>
You can then add the CSS to the HTML widget itself (within <style> tags) or in Elementor’s Custom CSS section (requires Elementor Pro or a theme with custom CSS options).
Code
.scrollable-text-box {
height: 200px; /* Set a fixed height for the box */
overflow-y: scroll; /* Enable vertical scrolling */
padding: 15px; /* Optional: Add padding inside the box */
border: 1px solid #ccc; /* Optional: Add a border */
}
Adjust the height, padding, and border values as needed for your design.
2. Using a Text Editor Widget and Custom CSS:
This method is similar to the above but uses Elementor’s native Text Editor widget for content input, and then applies custom CSS to make it scrollable.
Add a Text Editor Widget: Drag and drop a Text Editor widget onto your Elementor canvas and add your content.
Apply Custom CSS: In the Advanced tab of the Text Editor widget, go to “Custom CSS” (Elementor Pro required). Add the following CSS:
Code
selector {
height: 200px; /* Set a fixed height */
overflow-y: scroll; /* Enable vertical scrolling */
}
Replace 200px with your desired height.
3. Using a Third-Party Addon (e.g., Unlimited Elements Pro – List Marquee):
For animated or more advanced scrolling text effects like a marquee, a specialized addon might be necessary.
Install and Activate: Install and activate a compatible Elementor addon that offers scrolling text widgets (e.g., Unlimited Elements Pro).
Add the Widget: Locate the specific scrolling text or marquee widget provided by the addon and drag it to your canvas.
Configure Settings: Use the widget’s settings to add your text, adjust speed, direction, and styling options according to the addon’s functionalities.
Choose the method that best suits your specific needs and the complexity of the scrolling effect you want to achieve.