• ¡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

X

xiquitolacalzada

Nuevo
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

lms

Administrador
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

lms

Administrador
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
 
X

xiquitolacalzada

Nuevo
lms dijo:
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
Hacer clic para expandir...

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.
 
X

xiquitolacalzada

Nuevo
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.

Códigos BB

autoescuelanoa.es autoescuelanoa.es
 
Última edición por un moderador:
lms

lms

Administrador
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
 
Hay que estar conectado o registrado para responder aquí.
Arriba