How to Set a Fixed Background in Joomla

Save

The Joomla website creation and content management system is written in the PHP programming language and uses object-oriented programming techniques. A fixed background is a background image that stays in one place, while the rest of your text and images scroll over the top of it. You can achieve this effect in Joomla by editing the CSS file for the Joomla template. Add code to insert the image and fix it in position when scrolling the site pages.

  • Log in to the administration section of your Joomla website.

  • Upload the image you want to use as a background to the images folder in the Joomla code, using an FTP editor or through the Joomla Media Manager.

  • Navigate to the Extensions tab, followed by Template Manager and then click on the live template for the site. A yellow star beside the template name indicates the live template.

  • Click Edit CSS. Choose the template for the site, usually called "template.css." Click the Edit button to open the file for editing.

  • Search for the "body" tag in the code.

  • Add the following code between the opening and closing brackets:

    background-image:URL("/images/image.gif");
    background-repeat:no-repeat;
    background-attachment:fixed

    The image links to the image you uploaded earlier.

  • Click the Save to save the file. Open the site in a browser and the image will now stay in position on the page when you scroll down.

References

Promoted By Zergnet

Comments

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!