Setting a rocket theme background to fixed

You can probably find this information of the rocket theme forum but I thought I'd put how I resolved this here.

 The issue is basically that you want the background to stay in its position in the browser while the rest of the elements scroll about.

  1.  Go to Extensions -> Template Manager> Edit the CSS for the template
  2. You should be given an option of css files, select styles.css and click on the Edit button 
  3. Look for these lines:
    copyraw
    body.bgstyle1 #main-background {background: url(/../images/backgrounds/bgstyle1/bgimage.jpg) 50% 0 no-repeat;}
    1.  body.bgstyle1 #main-background {background: url(../images/backgrounds/bgstyle1/bgimage.jpg) 50% 0 no-repeat;} 
  4. where 1 is the number of the style of the template I am setting the background for and I add the "fixed" attribute to this id.  This will yield the following:
    copyraw
    body.bgstyle1 #main-background {background: url(/../images/backgrounds/bgstyle1/bgimage.jpg) 50% 0 no-repeat fixed;} 
    1.  body.bgstyle1 #main-background {background: url(../images/backgrounds/bgstyle1/bgimage.jpg) 50% 0 no-repeat fixed;}  
  5.  Click on the 'Save' button.
  6. The theme is getting it from a generated php file.  Look in the CSS folder of the template.
  7. You should find a PHP file in this folder with the body.bgstyle# line you need to change as in steps 3 and 4.
Category: Joomla :: Article: 166

Add comment

Your rating:

Submit

Accreditation

Badge - Zoho Creator Certified Developer Associate
Badge - Zoho Deluge Certified Developer
Badge - Certified Zoho CRM Developer

Donate & Support

If you like my content, and would like to support this sharing site, feel free to donate using a method below:

Paypal:
Donate to Joel Lipman via PayPal

Bitcoin:
Donate to Joel Lipman with Bitcoin bc1qf6elrdxc968h0k673l2djc9wrpazhqtxw8qqp4

Ethereum:
Donate to Joel Lipman with Ethereum 0xb038962F3809b425D661EF5D22294Cf45E02FebF

Please publish modules in offcanvas position.