It's time to create new or re-design your websites to bring it to the next level.

Check out Top 110+ Best Free Joomla! templates Listing of 300+ Best Free WordPress themes

Hi,

Today, many customers asked me how to create parallax background effect in L.THEME Joomla templates? So, I want to make this blog, this blog intro about how to create parallax background effect, not only for L.THEME Joomla templates, but also for all templates you want

1/ Create CSS for parallax background effect

(existed in file ‘template.css’ if you’re using L.THEME Joomla templates)

.lt-parallax {
    background-attachment: fixed;
    background-clip: padding-box !important;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/workspace_4.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    color: #ffffff;
    padding: 90px;
}

(if you’re using L.THEME Joomla templates, both version for Joomla Onepage templates and Premium Joomla templates, this CSS above is existed).

You can change background URL via attribute ‘background-image’, and other attributes you want in CSS class ‘lt-parallax’.

2/ Create HTML for parallax background effect

(if you’re using L.THEME Joomla templates, you can create Custom HTML Module and place code below, this module also existed if you use sample data in Quickstart package)

<div class=”lt-parallax”>
<h3 style=”text-align: center;”>Want to work with us? <span id=”cloak89446″><a href=”mailto:[email protected]”>Email us</a></span>, give us a call on 0123 561 574 or visit us.</h3>
</div>

This is simple HTML code that display Parallax in LT Business Joomla Onepage template, I use it as a sample case. Actually, the simple HTML for general case is just

<div class=”lt-parallax”>
…..
</div>

Hope it’s useful for everyone!

If you have any questions, please don’t hesitate to comment below or contact us via Contact Form.

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

Access 500+ PRO Premium Joomla! and WordPress themes with $19,200 just $149, Quickstart Package included!

Xmas Sale with 50% Discount on today!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $199.50 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: XMAS2019

Join All-In-One Club and use 50% OFF xMas Coupon!

xmas2019

eski┼čehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elaz─▒─č escort bayan erzurum escort bayan
[November Released] LT Hotel Booking - Booking platform for Hotel/Resort Wordpress theme | Support Elementor & WP Hotel Booking plugins Check it out
[Merry Christmas 2019!] Get 50% OFF for PRO Licenses and Membership packages! Coupon Code: XMAS2019 How to use it?