cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about PTC Community Badges. Engage with PTC and see how many you can earn! X

CSS styling for tab strip

IB_10645210
12-Amethyst

CSS styling for tab strip

Hi, PTC community,

Please advise how to solve the CSS styling issue for the tab strip class.

So it looks right: like it should and written on CSS on the 2D canva, but it doesn't look right on a preview.

IB_10645210_0-1692387573794.pngIB_10645210_1-1692387599240.png

IB_10645210_2-1692387677640.png

IB_10645210_0-1692388579472.png

 

I also tried the text do not wrap, so I will appreciate if someone can share solution for this also.

 

1 ACCEPTED SOLUTION

Accepted Solutions

couple of things 

 

try using 

 

.twx-tabs {

 

 

}

 

and also use !important on definitions if its not cascading

 

 

If you want you local  definitions to override use !important;

for example

border-color: #ddd !important;  

 

Next try overriding the main class

 

.twx-tabs 

 

hope this works for you

 

 

View solution in original post

2 REPLIES 2

couple of things 

 

try using 

 

.twx-tabs {

 

 

}

 

and also use !important on definitions if its not cascading

 

 

If you want you local  definitions to override use !important;

for example

border-color: #ddd !important;  

 

Next try overriding the main class

 

.twx-tabs 

 

hope this works for you

 

 

@sgreywilson Thank you!

Top Tags