Modifying viewticket.tpl

[cProg1x]

Hey all,

 

So I've ran into a bump in the road while trying to integrate my website with WHMCS. I'm trying to modify the .css to change .adminticketreply, however it's not reflecting the changes back when I view a ticket. Here is my viewticket.tpl:

 

<div style="padding-left:10px; padding-top:10px;" class="{if $reply.admin}admin{else}client{/if}ticketreply">

 

The reason I had to use style within that div is to add padding to the admin replies as it wouldn't when trying to use .adminticketreply. Anyways, below is my style.css for support tickets:

 

/* --------------------------------------------------------------
  SUPPORT TICKETS
-------------------------------------------------------------- */

.ticketheading1 {
font-family:Candara;
color: #277dca;
font-size: 14px;
font-weight: bold;	
padding-bottom:5px;
}

.conversation {
border: 1px thick solid;
border-color: #06F;
background-color:#277dca;
color:#FFF;
padding:5px;
font-size:13px;
}

.clientticketreplyheader {
   margin-top: 20px;
   background-color: #92BDEA;
   font-weight: bold;
   color: #ffffff;
   padding: 10px 20px 10px 20px;
width: 96%;
}

.clientticketreply {
font-family:Candara;
font-size:14px;
   min-height: 80px;
   background-color: #ffffff;
   /* background-image: url('images/clientticketreplybg.gif'); */
   background-repeat: repeat-x;
width: 98%;
   padding: 10px;
color: #000000;
border: 1px;
}

.adminticketreplyheader {
   margin-top: 20px;
   background-color: #92BDEA;
   font-weight: bold;
   color: #ffffff;
   padding: 10px 20px 10px 20px;
width: 96%;
}: 

.adminticketreply {
font-family:Candara;
font-size:14px;
   min-height: 80px;
   background-color: #ffffff;
   /* background-image: url('images/adminticketreplybg.gif'); */
   background-repeat: repeat-x;
width: 98%;
   padding: 10px;
color: #000000;
border: 1px;
text-align: center;
}

.closeticket {
   border: 1px dashed #cc0000;
font-weight: bold;
background-color: #FBEEEB;
   color: #cc0000;
}

 

Any ideas?

 

Kind regards,

cProg1x

[nay27uk]

ok from both bits of code it looks like you are applying two lots of padding once in the actual .tpl for the page and again in the CSS you need to remove the padding from the actual .tpl and alter the padding in the CSS to reflect what you require as the CSS will always take priority over inline html styles

 

so your .tpl would be like bellow

<div class="{if $reply.admin}admin{else}client{/if}ticketreply">

 

and your CSS would then be

.adminticketreply {

font-family:Candara;

font-size:14px;

min-height: 80px;

background-color: #ffffff;

/* background-image: url('images/adminticketreplybg.gif'); */

background-repeat: repeat-x;

width: 98%;

padding: 10px 10px 0 0;

color: #000000;

border: 1px;

text-align: center;

}

Im not sure if that is in the corect order for top and left so play around with it, I dont remember what order in CSS they go in.

But that will be where your problem is the CSS padding will be taking priority over the inline html style padding and as a result the inline padding style inside the div will be compleatly egnored.

Edited February 23, 2011 by nay27uk