Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 26, 2015 at 5:58 pm #418684
    Mario

    Hola,

    Tengo una imagen de fondo para el contenido principal, de momento me aparece en color blanco sobre la imagen, es posible hacer transparente el contenido de los tab´s ?
    (Ver link oculto)

    Gracias,

    Mario Cascante

    March 27, 2015 at 4:08 am #419068
    Josue

    Hola Mario,

    Si, añade esto al Quick CSS:

    #top .tabcontainer .tab_content {
    background: transparent;
}

    Saludos,
    Josue

    March 28, 2015 at 1:13 am #419688
    Mario

    Hola Josué,

    Modifiqué esto:
    #top .tab_titles .tab, #top .tabcontainer .active_tab_content {
    background: transparent;
    border: 0;
    }

    Me quedaron también el menú de los tab´s transparente, muchas gracias por tu ayuda.

    Esto era justamente lo que buscaba: http://brenesysalas.com/ByS/grupo-bs/#tab-id-1

    Saludos,

    Mario C.

    March 28, 2015 at 1:20 am #419689
    Mario

    Hola Josué,

    Cómo hacer para que el efecto se mantenga, así como los colores, para todos los anchos de pantalla?

    Gracias,

    Mario C.

    March 28, 2015 at 1:45 am #419695
    Josue

    Ponle !important:

    #top .tab_titles .tab, #top .tabcontainer .active_tab_content {
background: transparent !important;
border: 0 !important;
}
    March 30, 2015 at 9:35 pm #420835
    Mario

    Josué,

    Al reducir el ancho de la ventana del navegador, o bien, al verlo en un móvil, el color de los títulos cambia, este es el código que tengo, hasta ahora, en el quick CSS:

    #top .content {
    padding-top: 0;
    }

    #top .tab_titles .tab, #top .tabcontainer .active_tab_content {
    background: transparent !important;
    border: 0 !important;
    }
    #top .tab_titles .tab{
    text-transform: uppercase !important;
    }
    #top .tab_titles .tab.active_tab{
    background: #6F1D4C !important;
    color: white !important;
    }
    #top .tabcontainer .tab_content {
    background: transparent !important;
    }

    Saludos,

    Mario C

    March 30, 2015 at 10:42 pm #420867
    Josue

    Use esto:

    @media only screen and (max-width: 767px){
    .responsive #top .main_color .tabcontainer .active_tab {
        background-color: red;
    }
}
    April 2, 2015 at 12:09 am #422218
    Mario

    Hola Josué,

    hice algunos cambios y me quedó así:

    @media only screen and (max-width: 767px){
    .responsive #top .main_color .tabcontainer .active_tab {
    background-color: #6F1D4C;
    }
    }

    @media only screen and (max-width: 767px){
    .responsive #top .main_color .tabcontainer .tab {
    text-transform: uppercase !important;
    }
    }

    Pero no pude quitar los bordes.

    Saludos,

    Mario Cascante

    April 2, 2015 at 1:26 am #422231
    Josue

    Prueba con esto:

    .tabcontainer {
    border: 0 !important;
}
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.