Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 15, 2016 at 4:55 pm #661437
    hdpcr

    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 8 years, 4 months ago by hdpcr.
    July 18, 2016 at 3:07 pm #662028
    Yigit

    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

    July 18, 2016 at 3:59 pm #662081
    hdpcr

    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

    July 20, 2016 at 7:25 pm #663093
    Josue

    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?

    July 20, 2016 at 7:55 pm #663098
    hdpcr

    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

    July 22, 2016 at 10:52 am #663760
    Josue

    Prueba con este codigo:

    .tabcontainer {
    border-bottom: 1px solid;
}
    July 22, 2016 at 5:53 pm #664006
    hdpcr

    No muy bien vea como queda

    July 22, 2016 at 5:58 pm #664010
    Josue

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

    July 22, 2016 at 7:18 pm #664032
    hdpcr

    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 8 years, 4 months ago by hdpcr.
    July 25, 2016 at 6:46 am #664476
    Josue

    Utiliza esto:

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

.tab_titles .tab.active_tab{
    border-bottom: 0 !important;
    top: 2px;
}
    July 25, 2016 at 8:13 pm #664801
    hdpcr

    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

    July 25, 2016 at 8:23 pm #664809
    Josue

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

    July 28, 2016 at 3:33 pm #666293
    hdpcr

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

    July 29, 2016 at 11:50 pm #666725
    Josue

    Dale, procedo a cerrar el tema.

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