Back ground color changing Tabstrip in SAP Design studio

[afzal_kar]

Dears,

I need to change the back ground of only tabs in tab strip components. I tried several CSS but doesn't work.Attaching screen shot for it.

.tabtabtripMobilestyle1

{ text-align:Left; font-family: "Calibri",bolditalic,sans-serif; font-weight:bold; font-size: 15px; }

As i added background css as :

Color : Blue; background-color: #0000ff;

It changes color of body of the below tab not main components.

tabstrip.png

[TammyPowlas]

Hi - it would help the community if you would share which version of Design Studio you are using, where you are attaching the CSS, and what links you have searched for this yourself.

[afzal_kar · Accepted solution]

Hi Tammy,

I followed your blog which is very helpful in understanding basic concepts of css.

But I couldn't get exact code to change back ground color of tab panel in tabstrip component. Below given is screen shot for it.

[TammyPowlas · Accepted solution]

OK, did you troubleshoot using F12? What was the results?

[afzal_kar]

Dear Tammy;

Yes Tammy, I could n't change back ground of tabs but entire tab strip got changed which was not of my requirement.

Attached herein is screen shot of output.but desired results didn't met.Please advise.tabstrip.jpg

[afzal_kar]

Thanks Tammy.

[afzal_kar]

Dear Tammy,

Thanks for reply

1) Version :SAP design studio 1.6 sp3

2)I have added in the respective CSS under Display menu with CSS style.

3) I have used https://www.w3schools.com/.

Thanks & Regards

[TammyPowlas]

Afzal - can you follow this https://blogs.sap.com/2014/05/11/how-to-find-and-change-the-css-class-design-studio/ to debug why it won't pick up your CSS? Perhaps the wrong class is being used?