Titan Changing Titan background

[Ehren]

By default, all Titan background images are 1800x900 pixels in size. If your new image is the same dimensions, you do not need to follow these steps. This tutorial is only necessary when uploading images of a different size.

Like all other themes, the background images can be configured under the Xenfocus: Background Picker style properties in your admin control panel. Once you have configured your image, open extra.less and add the following (this example uses Background Image #4):

@background4-width: 1800;
@background4-height: 900;

Replace 1800 with the width of your image and 900 with the height. These values are necessary to calculate the gradient effect, which fades your image into a solid hex colour.

Press Save, and you're done!

 

[Silmarillion]

Is this still necessary?

Everything seems to work for me even without this change.

 

[Ehren]

If you're using Titan, then it's helpful, yeah.

 

[Silmarillion]

So if I use all ten backgrounds, my code in the extra.less should look like this?

@background1-width: 1800;
@background1-height: 900;
@background2-width: 1800;
@background2-height: 900;
@background3-width: 1800;
@background3-height: 900;
@background4-width: 1800;
@background4-height: 900;
@background5-width: 1800;
@background5-height: 900;
@background6-width: 1800;
@background6-height: 900;
@background7-width: 1800;
@background7-height: 900;
@background8-width: 1800;
@background8-height: 900;
@background9-width: 1800;
@background9-height: 900;
@background10-width: 1800;
@background10-height: 900;

Regardless of what name the individual graphics have? For example, not 4.jpg but Midnightmoon.jpg?!

 

[Ehren]

You only need to add those lines if your images are different sizes. The default size is 1800x900 so if your images are that size, you can remove all of that code.

Image names don't matter. You still need to use the id in the code

 

[Silmarillion]

All backgrounds have a different size. So I will copy the above code 1:1.

 

[Silmarillion]

Wouldn't it make sense to put the same code for the "Aperture" style in the extra.less template?

 

[Mike-1706]

Just another question to Titan, dear Ehren.

How could I change the size of these "boxes"...

For my opinion, or what I like is that way..

Where do I change the size of these "boxes" ?

Greetings from germany

Mike