Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #661437

    Hi
    I have tabs elements and i have a few issues.
    1. When you set Initial Open to 0 Tabs don’t display lower border
    2, when you have several tabs it display weird in Mobile in 800 × 480 Small Tablet (landscape) and 768 × 1024 Large Tablet (portrait)
    3. Not an Issue. How to control borders color and thickness and how to control tabs text color and size. Also if its possible to control the background color as its transparent.

    Thank you very much

    • This topic was modified 7 years, 8 months ago by hdpcr.
    #662028

    Hey hdpcr!

    Please add following code to Quick CSS

    
    .your-custom-class .tab {
        border-bottom: 1px solid #be202d;
        margin-bottom: 1px;
    }
    .tab.active_tab {
        border-bottom: none;
    }
    .js_active .active_tab_content {
        border-color: orange;
        border-width: 2px;
        background: green;
    }
    .js_active .top_tab .tab {
        font-size: 16px;
    }

    Best regards,
    Yigit

    #662081

    Hi Yigit
    I have added the CSS ans it seems no changes, Still no bottom border when no tab is active.

    Thank you very much

    #663093

    Un tab inicial siempre tiene que estar abierto, no entiendo muy bien que es lo que quieres lograr, me puedes enviar un bosquejo del resultado final?

    #663098

    No necesariament, porque deberia obligarme a tener el tab inicial abierto por default. Fijese cuando esta cerrado por default no esta el border inferior el borde se ve hasta que se hace un clic sobre un tab y se abre.

    Gracias

    View post on imgur.com

    #663760

    Prueba con este codigo:

    .tabcontainer {
        border-bottom: 1px solid;
    }
    #664006

    No muy bien vea como queda

    #664010

    ¿Como deseas que luzca exactamente? me puedes poner una screenshot?

    #664032

    Pues que la linea roja de abbajo termine donde termina el ultimo tab, Si ves ahora los tabs estan cerrados y la linea sigue hasta el final a la derecha

    Gracias

    • This reply was modified 7 years, 8 months ago by hdpcr.
    #664476

    Utiliza esto:

    .tab_titles .tab {
        border-bottom: 1px solid red !important;
        top: 0;
    }
    
    .tab_titles .tab.active_tab{
        border-bottom: 0 !important;
        top: 2px;
    }
    #664801

    Hola Josue

    Gracias por el código, funciono bien, Supongo que el primero codigo que empieza con : .your-custom-class .tab {….
    ya no va del todo?

    Favor no cerrar aun ese post hasta que lo pruebe bien en varias paginas

    Muchas Gracias

    #664809

    Prueba quitarlo y ver que pasa, no cerraré el tema, cualquier cosa me avisas.

    #666293

    Si lo quite y no paso nada entonces creo que es el ultimo codigo

    #666725

    Dale, procedo a cerrar el tema.

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Tabs’ is closed to new replies.