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

CSS styling for tab strip

  • August 18, 2023
  • 1 reply
  • 1414 views

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.

 

    Best answer by sgreywilson

    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

     

     

    1 reply

    S
    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

     

     

    I
    IB_1064521013-AquamarineAuthor
    13-Aquamarine
    August 21, 2023

    @sgreywilson Thank you!

    Terms & ConditionsCookie settingsAccessibility statement