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.

• Author
• Recent Posts

Kelvin

My name is Kelvin, and I’m the Chief Marketing Officer at LTheme. I have over 10 years of experience in Joomla! and WordPress web development, as well as in digital marketing, where I specialize in SEO.

Every day, I write blogs about Joomla! and WordPress, assist others in creating beautiful websites using these CMS platforms, and provide support on the Joomla Support Board as a Joomla Guru in the forum.

Thank you for being here!

Latest posts by Kelvin (see all)

• The Grammar of Visuals: How Composition Writes its Own Sentences - November 28, 2025
• Remove Clutter From Images Instantly via an AI Background Generator - November 28, 2025
• How to buy Bitcoin with debit card: an expanded exploration of processes, risks, and the hidden mechanics behind crypto purchases - November 26, 2025