How to change the color of separator between Top Levele Navigation and Page Title Bar on Portal

[former_member184059]

Hi All,

This blog will tell you how to customize the separator image just below Top Level navigation which might useful while theme customization.

The properties of Toplevel Navigation Separator can be found in theme editor as given below.

System Administrator -> Portal Display -> Theme Editor -> "Select your theme" -> Portal Outer Frame -> Top-Level Navigation

   -> Top-Level Navigation Separator

Unfortunately, there is no option to edit/change the separator image through the "Theme Editor" Because it wasn't officially exposed there.

The reason that you don't see a background-color property is beacuse the separator consists of an repeated image.

The css file that holds the mentioned class (for IE browser) is: "prtl_ie6.css" and it located under the path: ...

    /usr/sap/<SID>/JC00/j2ee/cluster/server0/apps/sap.com/irj/servlet_jsp/irj/root/portalapps

      /com.sap.portal.design.portaldesigndata/themes/portal/<theme_name>/prtl/prtl_ie6.css

.prtlTopNavContentSep {
  BACKGROUND-POSITION: center top;
  DISPLAY: inline;
  BACKGROUND-IMAGE: url(images/topLvlNav/separator.gif);
  BACKGROUND-REPEAT: repeat-x;
  HEIGHT: 4px
}

If you still want to change the separator.gif, then
1. Backup this separator.gif
2. Try to make color change in the separator.gif as per your requirement.
3. Delete Browser Cache as well as navigation cache

4. Check whether color change is reflected or not.

Hope it would help you some of you.

Thanks & Regards,

Rajendra Kielka