The CreatorCon Call for Content is officially open! Get started here.

How to change the Text Color of Post button in RITM

sattar3
Tera Contributor

Hello All,

 

I want to change the Text color of Post button in RITM.

Please check the attached screenshot, at present the text color is Black but we want to change it to White.

sattar3_0-1719573141713.png

It is OOTB Widget "Standard Ticket Actions" in our instance but in PDI the text color of the Post button is in white

sattar3_1-1719573366937.png

 

Please check the HTML and CSS code in our instance.

HTML code with Post:

<form ng-submit="postEntry(data.journalEntry)" class="padding" id="sand">

<textarea ng-keypress="keyPress($event)" sn-resize-height="trim" rows="1" id="post-input"

<input type="submit" class="btn btn-primary post-btn" value="{{data.btnLabel}}" aria-label="{{data.btnLabel}}" ng-disabled="data.isPosting" ng-if="!data.read_only"/>

 

CSS code with Post:

.post-btn {
min-width: 80px;
padding: 9px 15px;
color:white;
}
 
Can some one please help me on this?

@Ankur Bawiskar @Dr Atul G- LNG @Mark Roethof @Community Alums 

 

Thanks,

Sattar

1 ACCEPTED SOLUTION

Sid_Takali
Kilo Patron

Hi @sattar3 This kind of requirement there is no need customize/cloning a widget. You can just override CSS  code in page specific CSS

SiddharamTakali_0-1719576253875.png

 

SiddharamTakali_1-1719576312187.png

 

 

.post-btn {
 color: white !important; 
}

 

 

View solution in original post

10 REPLIES 10

Hi @sattar3 , refer this and update your CSS here with using !important.

@Sid_Takali, Thanks it worked.

@Sid_Takali, One more thing we need to do, at the bottom we can Start, which is also in Black color-we need to change it to White.

sattar3_0-1719758539153.png

Please help me on this as well.

 

Thanks,

Sattar

HI @sattar3 Follow the same procedure and add the below CSS Code into your Page Specific CSS field

.timeline-badge-wrap > .timeline-badge > span {
 color: white !important; 
}

Sid_Takali_0-1719765736369.png

 

Sid_Takali_1-1719765758001.png

 

Please mark my response as Correct/Helpful 

Regards,

Sid

Thanks @Sid_Takali

Could you please me on one more thing.

Catalog Item Full Name and Requestor for Full Name is not showing, just few characters of the initial name and at the end its showing (dots)...

sattar3_0-1719900627466.png

Could you please help me on this so that full name of the Requestor for and Catalog Item Name should be visible.

It's fine in PDI.

 

sattar3_1-1719900849347.png

@Dr Atul G- LNG 

Thanks,

Sattar