Own Skin

Moderator: crythias

Post Reply
Rotyn
OTRS expert
Posts: 68
Joined: 21 Aug 2012, 17:11
OTRS Version?: 3.3.5
Real Name: Rudy

Own Skin

Post by Rotyn » 22 Aug 2012, 09:05

Hey mates

Hope you can give me a short feedback: I am trying to generate my own skin

Just at the moment a bit challanged by the task

If you look at the attachment...where to change the colors of the marked objects?
Dashboard.png
Thanks in advance

Rudy
You do not have the required permissions to view the files attached to this post.
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included

CSL
OTRS wizard
Posts: 159
Joined: 11 Nov 2011, 19:27
OTRS Version?: 3.0.11

Re: Own Skin

Post by CSL » 22 Aug 2012, 10:57

Right-click -> Inspect element

(that would be a pretty merciless answer to leave on its own)

Really though, you're going to have to use an HTML/CSS inspection tool such as the built in ones that come with all major browsers (chrome, firefox, ie) or a more full-featured one like the firebug extension for firefox (my favourite).

You will be changing CSS if it's colours you're after, so right click on the element and look at the CSS that's being applied to it.

PROTIP - Disable the CSS Loader in sysconfig first. This way, you will be able to see the actual CSS file the settings are coming from, and the file you need to edit. If you don't do this and the loader is enabled, you'll just get a reference to a cache file instead.
Backend: OTRS 3.0.11 RedHat Enterprise Linux 6.2, Apache, MySQL with replication
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL

User avatar
crythias
Moderator
Posts: 10080
Joined: 04 May 2010, 18:38
OTRS Version?: 5.0.x
Location: SouthWest Florida, USA
Contact:

Re: Own Skin

Post by crythias » 22 Aug 2012, 13:13

OTRS 5.0.x (private/testing/public) on Linux with MySQL database. Also on github.
Please edit your signature to include your OTRS version, Operating System, and database type.
Click Subscribe Topic below to get notifications. Consider amending your topic title to include [SOLVED] if it is so.
Need help? Before you ask

Rotyn
OTRS expert
Posts: 68
Joined: 21 Aug 2012, 17:11
OTRS Version?: 3.3.5
Real Name: Rudy

Re: Own Skin

Post by Rotyn » 22 Aug 2012, 15:20

Ok, thanks guys

That was already very helpful

Just a last question about the customer frontend

The "top <div>" (the header) with the logo included on the right hand side

Where can I adjust the height for the header section?

I have a nice company logo and image spreading across the whole screen, but I must enlarge the header section a few pixel

Thx
Rudy
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included

CSL
OTRS wizard
Posts: 159
Joined: 11 Nov 2011, 19:27
OTRS Version?: 3.0.11

Re: Own Skin

Post by CSL » 22 Aug 2012, 15:58

The height of the header section can be adjusted using CSS. I'd find the CSS file used by the header section and look through to find the place where it is specified.
Backend: OTRS 3.0.11 RedHat Enterprise Linux 6.2, Apache, MySQL with replication
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL

Rotyn
OTRS expert
Posts: 68
Joined: 21 Aug 2012, 17:11
OTRS Version?: 3.3.5
Real Name: Rudy

Re: Own Skin

Post by Rotyn » 27 Aug 2012, 11:47

Thx a lot :)
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included

Alexander Halle
OTRS superhero
Posts: 296
Joined: 04 Jul 2010, 17:49
OTRS Version?: 3.1.x
Real Name: Alexander Halle
Company: radprax MVZ GmbH
Location: Wuppertal
Contact:

Re: Own Skin

Post by Alexander Halle » 29 Aug 2012, 09:48

Rotyn, please consider to give something back to the community like the file names and code lines you modified, at least for one of 8 colors you pointed out.
Alexander Halle System: OTRS 3.1.x, Ubuntu 10.04.x LTS, MySQL 5.1.x, Apache 2.2.x
OTRS Community Links: User Meetings, Projects

Rotyn
OTRS expert
Posts: 68
Joined: 21 Aug 2012, 17:11
OTRS Version?: 3.3.5
Real Name: Rudy

Re: Own Skin

Post by Rotyn » 01 Sep 2012, 23:10

Huh mate....i made till now dozends of changes to get my own template up and running

But I am just in the process of moving the test system settings to the live system....so give me a few days and I will give some examples
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included

Alexander Halle
OTRS superhero
Posts: 296
Joined: 04 Jul 2010, 17:49
OTRS Version?: 3.1.x
Real Name: Alexander Halle
Company: radprax MVZ GmbH
Location: Wuppertal
Contact:

Re: Own Skin

Post by Alexander Halle » 03 Sep 2012, 11:33

Rotyn wrote:But I am just in the process of moving the test system settings to the live system....so give me a few days and I will give some examples
Thanks :)
Take as much time as you need, even months, we're glad about any feedback, that's community.
Alexander Halle System: OTRS 3.1.x, Ubuntu 10.04.x LTS, MySQL 5.1.x, Apache 2.2.x
OTRS Community Links: User Meetings, Projects

keerthi
OTRS expert
Posts: 55
Joined: 24 Feb 2015, 06:39
OTRS Version?: OTRS3.3.5

Re: Own Skin

Post by keerthi » 25 Mar 2015, 13:39

Hi Rotyn ,

Can you please provide me the name of the css file that you have changed for changing the header height.

Thank u.

Post Reply