• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Ayuda Ayuda con CSS

Mensajes
18
Puntuación de reacciones
0
Puntos
1
País
España
Versión de XenForo
1.5.14
Hola de nuevo! Pido disculpas de antemano si hago demasiado spam, pero he buscado durante más de 2 horas cómo cambiar estos atributos en css, y no los he encontrado.

Me gustaría aumentar las dimensiones de las imágenes que salen al lado de los posts:

4925

Y también cambiar el fondo (que ahora está blanco) de las citas y los spoilers:

4926

Gracias de antemano!
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba con (en extra.less)
CSS:
.avatar.avatar--m {
    width: 96px !important;
    height: 96px !important;
    font-size: 58px !important;
}
Incrementa los valores según entiendas.

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
CSS:
/* diseño de las citas en los posts */
.bbCodeBlock-title {
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #f2930d !important;
    background: #fafafa !important;
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
    font-size: 13px !important;
}
.bbCodeBlock.bbCodeBlock--quote {
    margin: 0.75em 0 !important;
    background: #f5f5f5 !important;
    border: 1px solid #e7e7e7 !important;
    border-left: 3px solid #f2930d !important;
}
/* diseño del input del spoiler */
.input#editor_spoiler_title:focus, .input#editor_spoiler_title.is-focused {
    background: #edf6fd !important;
}
.input#editor_spoiler_title {
    font-size: 15px !important;
    color: #141414 !important;
    background: #f7fbfe !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-top-color: #cbcbcb !important;
    border-right-color: #dfdfdf !important;
    border-bottom-color: #dfdfdf !important;
    border-left-color: #cbcbcb !important;
    border-radius: 4px !important;
    padding: 6px !important;
    display: block !important;
    width: 100% !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
.block-container .formRow--input {
    color: #141414 !important;
    background: #fefefe !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-top-color: #dfdfdf !important;
    border-right-color: #d8d8d8 !important;
    border-bottom-color: #cbcbcb !important;
    border-left-color: #d8d8d8 !important;
    border-radius: 4px !important;
}

Salud2
 
Mensajes
18
Puntuación de reacciones
0
Puntos
1
País
España
Versión de XenForo
1.5.14
Prueba con (en extra.less)
CSS:
.avatar.avatar--m {
    width: 96px !important;
    height: 96px !important;
    font-size: 58px !important;
}
Incrementa los valores según entiendas.

Salud2

Me va bien (poniendo .avatar--s), pero ampliando la imagen se ve cada vez más borrosa, cuando la del apartado de respuesta se ve bastante bien.
 
Mensajes
18
Puntuación de reacciones
0
Puntos
1
País
España
Versión de XenForo
1.5.14
Me va bien (poniendo .avatar--s), pero ampliando la imagen se ve cada vez más borrosa, cuando la del apartado de respuesta se ve bastante bien.

Tampoco logro encontrar en el css (ni en el panel de control) la opción para cambiar los colores (tal que así) en los spoilers/códigos:


Disculpa las molestias, soy bastante novato en el tema.
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
avatar--s avatar pequeño
avatar--m avatar medio
avatar--l avatar grande

Salud2
 
Mensajes
18
Puntuación de reacciones
0
Puntos
1
País
España
Versión de XenForo
1.5.14
Si pongo este CSS:

Insertar CODE, HTML o PHP:
/* diseño de las citas en los posts */
.bbCodeBlock-title {
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #f7f7f7 !important;
    background: #2b2b2b !important;
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
    font-size: 13px !important;
    background: #323232 !important;
}
.bbCodeBlock.bbCodeBlock--quote {
    margin: 0.75em 0 !important;
    background: #323232 !important;
    border-left: 3px solid #0a8ab4 !important;
}
/* diseño del input del spoiler */
.input#editor_spoiler_title:focus, .input#editor_spoiler_title.is-focused {
    background: #4b4b4b !important;
}
.input#editor_spoiler_title {
    font-size: 15px !important;
    color: #141414 !important;
    background: #313131 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-top-color: #cbcbcb !important;
    border-right-color: #dfdfdf !important;
    border-bottom-color: #dfdfdf !important;
    border-left-color: #cbcbcb !important;
    border-radius: 4px !important;
    padding: 6px !important;
    display: block !important;
    width: 100% !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
.block-container .formRow--input {
    color: #141414 !important;
    background: #313131 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-top-color: #dfdfdf !important;
    border-right-color: #d8d8d8 !important;
    border-bottom-color: #cbcbcb !important;
    border-left-color: #d8d8d8 !important;
    border-radius: 4px !important;
}

Me salen bien las citas, pero no los spoilers ni los códigos. Además, el apartado de Contáctanos me sale de otra manera.
 
Última edición por un moderador:

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
CSS:
.bbCodeBlock-content {
    background-color: #fff !important;
    padding: 10px 16px;
    position: relative;
}
.bbCodeSpoiler-button.button {
  background-color: transparent !important;
  border: 1px solid rgba(13, 13, 13, 0);
  border-radius: 3px;
  color: #0a8ab4;
  padding: 0 10px;
  text-align: center;
}

Salud2
 
Mensajes
18
Puntuación de reacciones
0
Puntos
1
País
España
Versión de XenForo
1.5.14
Arriba