Kayako logo
SupportSuite, eSupport and LiveResponse Discussion, troubleshooting and feedback related to Kayako's flagship support desk products SupportSuite, eSupport and LiveResponse.

Reply
 
LinkBack Thread Tools Search this Thread Display Modes
  (#1) Old
sabrina Offline
New Member
 
Posts: 9
Join Date: Oct 2006
How to use own css file? - 10-11-2006, 12:19 PM

Hello,

I'm setting up eSupport. I've linked the header template to our own css stylesheet file that is used throughout our company website. However, the original styles "smalltext" and "swifttext" are still used in the templates. I've tried adding these to our own stylesheet, but this has no effect.

I don't want to have to go through every template to remove all references to these two styles. Is there a way that I can edit these 2 styles and keep our own stylesheet linked to the support pages without having to edit every template?

Regards,

Sabrina

***

This is how I've linked our css (divider.net.css) to the header template:
I've added this within the header tag:
<link rel="stylesheet" href="/divider.net.css" type="text/css"></link>

complete header tag:
<head>
<title><{if $docsubject != ""}><{$docsubject}><{else}><{$settings[general_companyname]}><{/if}> - <{$language[navhome]}></title>
<meta http-equiv="Content-Type" content="text/html; charset=<{$language[charset]}>">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="/divider.net.css" type="text/css"></link>
</meta>
<{/if}>

<script language="Javascript">
var themepath = "<{$themepath}>";
var swiftpath = "<{$swiftpath}>";
var BLANK_IMAGE="<{$themepath}>space.gif";
var swiftsessionid = "<{$session[sessionid]}>";
</script>
<script language="Javascript" src="<{$themepath}>basejs.js" type="text/javascript"></script>

<{if $ismodernbill == false}></head>
   
Reply With Quote
  (#2) Old
supportskins Offline
Senior Member
 
supportskins's Avatar
 
Posts: 3,679
Join Date: Aug 2006
Location: Mumbai, India
10-11-2006, 12:35 PM

You wish to use both the style sheets i.e. Kayako's as well as yours or you want the software only to use your style sheet?



Professional and Affordable Kayako Skins - Specialists in Kayako Skinning & Customization - Professional Paid Support
Our Skins and Services - http://www.supportskins.com/store/
SupportSkins.com - http://www.supportskins.com/
   
Reply With Quote
  (#3) Old
sabrina Offline
New Member
 
Posts: 9
Join Date: Oct 2006
10-11-2006, 02:45 PM

Quote:
Originally Posted by supportskins
You wish to use both the style sheets i.e. Kayako's as well as yours or you want the software only to use your style sheet?
This seems to work: both stylesheets are linked now.

However, i can't modify the color of styles "smalltext" and "swifttext". If I add the styles to my own css or if I edit the colors in my stylesheet, it has no effect. If I edit the font size, it does change.

What am I missing here?

***

I've cleared everything out of the clientcss template: this is all that is left in it:

.swifttext
{
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Tahoma
}

.smalltext
{
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica
}

Last edited by sabrina; 10-11-2006 at 03:17 PM.
   
Reply With Quote
  (#4) Old
Hermelin Offline
Member
 
Posts: 46
Join Date: Nov 2006
Location: Germany
10-11-2006, 07:24 PM

Hello,

The stylesheet is defined in the header template. Is that what you modified ?

PHP Code:
<link rel="stylesheet" type="text/css" media="all" href="<{$swiftpath}>index.php?_ca=css" /> 
On my side, I noticed that the above code is not template group dependant. I modified my header to:

PHP Code:
<link rel="stylesheet" type="text/css" media="all" href="<{$swiftpath}>index.php?group=<{$tgroup[title]}>&_ca=css" /> 
In some case it sounds like smalltext is overwritten anyway (e.g. the navigation in the header).

Anne

Last edited by Hermelin; 10-11-2006 at 07:44 PM. Reason: Misunderstood the problem
   
Reply With Quote
  (#5) Old
sabrina Offline
New Member
 
Posts: 9
Join Date: Oct 2006
css / smalltext class - 13-11-2006, 11:03 AM

Quote:
Originally Posted by Hermelin
In some case it sounds like smalltext is overwritten anyway (e.g. the navigation in the header).

Anne
Thank you for your attention. This seems to be the case, but luckily the 'headings' of each page gets its layout from only 1 reference in the header. Found out you just have to edit the header template font colors and they will reflect the change everywhere. My problem is solved.

Last edited by sabrina; 13-11-2006 at 12:03 PM.
   
Reply With Quote
Reply

Tags
css

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Key.php - Update URL Field BEFORE you Upload File. kropes SupportSuite, eSupport and LiveResponse 5 27-11-2006 08:38 AM
problem ! graziano68 SupportSuite, eSupport and LiveResponse 2 08-11-2006 07:07 AM
Swift CLI problem joshopkins SupportSuite, eSupport and LiveResponse 2 02-09-2006 06:12 AM
File upload error message albinjoseph Developers & Code 1 28-06-2006 06:27 PM



Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
vBulletin Skin developed by: vBStyles.com


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46