Skip to main content
IB_1064521013-Aquamarine
13-Aquamarine
August 18, 2023
Solved

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.

 

    sgreywilsonAnswer
    16-Pearl
    August 21, 2023

    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 in thread

    2 replies

    sgreywilson16-PearlAnswer
    16-Pearl
    August 21, 2023

    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

     

     

    Translate
    IB_1064521013-AquamarineAuthor
    13-Aquamarine
    August 21, 2023

    @sgreywilson Thank you!

    Translate
    Terms & ConditionsAccessibility statement