Titan Changing Titan background

Ehren

Administrator
Staff member
Customer
Messages
4,701
Website
www.xenfocus.com
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):

Code:
@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

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

Code:
@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

Administrator
Staff member
Customer
Messages
4,701
Website
www.xenfocus.com
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

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

Mike-1706

New Member
Customer
Messages
17
Just another question to Titan, dear Ehren.

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

1720862232519.png


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

1720862319111.png


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

Greetings from germany

Mike
 
Top