Adjust Skin - How to change the colour of the caption of a view ?

[Former Member]

Hi there,

I am struggling with the following (we are still on SAP CRM 7.0):

How can I change the color of the caption of a view, i.e in the below example change the "light blue" of Account Details to a different colour.

I checked in the "How to adjust Skin" Guide, and changed some colours of other web ui elements in the thtmlb_stand.css, but so far did not success to change the color of the caption.

Thanks for your help,

Bernhard

[Former Member · Accepted solution]

Hi Bernhard,

Download 'thtmlb_stand.css' file and change the class '.th-af-exp .th-bt-b'.

.th-af-exp .th-bt-b {

    font-weight:            bold;

    color:                  #FFF;               "Change this to light blue color

}

Regards,

Ankit

[Former Member · Accepted solution]

Hi Ankit,

thanks a lot for your help.

Unfornately it is still not working - I have just found an entry

.th-af-exp b {

font-weight: bold ;

}

I added the color (also as "background-color" with !important) however no result.

Regards, Bernhard

[Former Member · Accepted solution]

Hi Bernhard,

There are 2 entries for the same class '.th-af-exp .th-bt-b'.

.th-af-exp .th-bt-b {

    font-weight:            bold;

}

/**********************************************************************/

/*  Assignement Block toolbar Button                        */

/**********************************************************************/

.th-af-exp .th-bt-b {

    font-weight:            bold;

    color:                    black;                    " Change here

}

By default this is black color. I changed this to red color and it is working fine..

Kindly check properly.

Regards,

Ankit Gupta

[Former Member · Accepted solution]

Hi Ankit,

first of all thanks again for your new answer.

What I actually would like to change is the "blue color" of the block to a different color, not the description.

As I am still on SAP CRM 7.0 (without any EHP) I asume there are some differences in the CSS file.

Regards, Bernhard

[Former Member · Accepted solution]

Hi Bernhard,

change the tag .th-af .th-box1 and .th-af .th-box1-i1 :

/**********************************************************************/

/* <thtmlb:areaFrame> tag                                             */

/**********************************************************************/

.th-af .th-box1 {

   /** background-image:       url(styling/areabox-1.gif); ***/        "  comment this

    background-color:      red;                                             " Add this and change the color

    border-bottom-color:    #CCC;

}

.th-af .th-box1-i1,

.th-af-min .th-box1-i1 {

    /** background-image:       url(styling/areabox-2.gif);   ***/ comment this

}

Regards,

Ankit

[Former Member · Accepted solution]

Hi Ankit,

I am really impressed - I would have never found !!!

Thanks a lot - it worked - points more than deserved

Regards, Bernhard
-

[former_member210661]

Hi Bernhard,

i had tried to change the title color of the view using script code unfortunately i didn't get that to change the color of the view but my code will change the color of the window..

in your view.htm wirte this code..

check this..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

     $("div").css("color","green");

});

i had missed something here to change the title of the view.. there is a css tag existing for that i don't have idea about that..

Thanks & Regards,

Srinivas.

[Former Member]

Hi Srinivas,

thanks for your comments and suggestion - I am exactly interested in the CSS tag of thtmlb_stand.css file.

Best regards, Bernhard