• Resolved amimshah

    (@amimshah)


    Hello,

    Am using Perth Theme and Livemesh Tabs (Style 2). I just don’t like the colors and wish to change them to:

    NON-ACTIVE TAB
    Tab Background: Default
    Tab Title Fonts: Green
    Active Tab Content Block: Light Grey

    ACTIVE TAB
    Tab Background: Red
    Tab Title Fonts: White
    Active Tab Content Block: Light Grey

    In another support thread I found below code and it made no difference ??

    .toggle-label:hover {
    background-color: #eb1c22;
    color: #eb1c22;
    }
    .toggle-label {
    background: #eb1c22;
    color: #eb1c22;
    border: 1px solid #eb1c22;
    }
    tabs a.current {
    cursor: default !important;
    color: #eb1c22 !important;
    background: #eb1c22;
    border-bottom: none;
    }
    .tabs .current, .tabs .current:hover, .tabs li.current a {
    border-top-color: #eb1c22;
    }
    .tabs a {
    background: #eb1c22;
    color: #eb1c22 !important;
    border: 1px solid #eb1c22;
    }
    .tabs a:hover {
    background: #eb1c22;
    }

Viewing 1 replies (of 1 total)
  • Pls try the following custom CSS –

    .lsow-tabs .lsow-tab-title {
    color: green;
    }
    .lsow-tabs .lsow-tab-pane.lsow-active {
    background-color: #f7f2f2;
    }
    .lsow-tabs .lsow-tab.lsow-active {
    background: red;
    }
    .lsow-tab.lsow-active a span {
    color: #fff;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Change Color of Tabs’ is closed to new replies.