Avisos
Vaciar todo

Cómo aumentar el ancho de fondo del home feature #5 (Dark Gray) en el tema hijo Epik  

 
Guillermo
 Guillermo
Estimable Member

Hola, buenas noches,

No sé en qué momento el ancho de la sección Home Feature #5 (Dark Gray) se ha disminuido. Inicialmente había colocado una imagen completa de todo el ancho, es decir, 1140 X 440. Esta imagen la he diseñado yo mismo en un programa para que me quedase de esa dimensión. Sin embargo, al ver que no quedaba muy bien, decidí hacerlo en html, lo cual he conseguido estupendamente, pero, ahora la imagen no se ve del ancho completo.

Pienso yo, que por defecto esa sección es en color negro en todo su ancho, por lo tanto, por qué ahora se muestran los margenes derecho e izquierdo en color blanco?. Estoy adjuntando dos pantallazos: Uno se ve la sección Welcome Wide de todo el ancho en negro, sin embargo, la sección Home Feature #5, ahora ya no se ve totalmente en negro. Debo hacer hincapié, en que antes esta sección tenía las mismas características que la de Welcome Wide.

Espero que me haya podido hacer entender.

A la espera de vuestra ayuda, les saludo atentamente.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/01/2017 8:28 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente ya ve oque se muestra con un color oscuro, aunque podrías cambiar esta sección para que se muestre de color negro, puedes usar el siguiente código CSS:

.home-feature-bg-dark.hf5{
	background-color:black;
}

Agrega este código al final del archivo:
/wp-content/themes/epik/style.css

Saludos.

ResponderCitar
Respondido : 17/01/2017 9:01 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Guillermo
 Guillermo
Estimable Member

Hola Jhon,

He hecho lo que me has indicado, pero sigue igual, no se observa ninguna variación al introducir dicho código en ningún sitio de la página.

Me puedes sugerir algo más?. Gracias.

Saludos.

ResponderCitar
Respondido : 17/01/2017 9:21 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Debes haberlo cambiado de posición ya que actualmente veo que tiene otra estructura y es más dificil de cambiar, por ejemplo si usas este código

.home-feature-bg-alt.hf4{
background-color:#303236;
}

Se verá que se pintan varias secciones, tendrías que moverlo como estuvo anteriormente para que apliques el código anterior que te brindé

Saludos.

ResponderCitar
Respondido : 17/01/2017 10:04 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Hola Jhon,

Lo siento, pero todo sigue igual. Además, no entiendo muy bien lo que me quieres decir con lo de "tendrías que moverlo como estuvo anteriormente para que apliques el código anterior que te brindé". He cambiado el código por el último que me has dejado, luego he colocado los dos, luego a este último le he cambiado el .hf4 por .hf5, pero nada, todo sigue igual. Sí que es cierto que se pintan las secciones .hf4 y .hf5, pero no logro que se quede como yo qioero, es decir, la sección .hf4 en color fondo blanco y la sección .hf5 en color fondo negro.

También he movido los widgets de posición, pero todo sigue igual, excepto por las imágenes que se cambian.

Puedes ser más específico en cuanto a lo que tengo que mover?. Gracias Jhon y disculpa las molestias.

Saludos.

ResponderCitar
Respondido : 17/01/2017 11:15 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifico que tu sitio web se encuentra en mantenimiento, si para poder revisarlo es necesario que tu web se encuentre habilitada.

ResponderCitar
Respondido : 18/01/2017 12:56 am

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

Buenos días Jhnny,

Perdona, ya se encuentra habilitada. Puedes proceder. Gracias.

Saludos.

ResponderCitar
Respondido : 18/01/2017 8:59 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola guillermo.

Estas dos secciones están en la misma posición, por lo que si modificas el estilo para ese bloque se modificara en los dos

Si quieres que cada uno de los bloques tenga un color tendrás que cambiar de posición por ejemplo el ultimo bloque y después de eso veremos como añadir el background.

Por defecto el color del background de tu plantilla es blanco por lo que si no utilizas imágenes para el fondo como tienes en los bloques superiores, siempre tendrás como fondo predeterminado el blanco.

Un saludo

ResponderCitar
Respondido : 18/01/2017 10:33 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Encantado de saludarte.

En cuanto al tema que me indicas, creo que no es correcto, ya que una imagen (La de las chicas) está en la sección Home Feature #4 (White), es decir, esa sección por defecto es de fondo color blanco o, por lo menos, así estaba antes y, la otra imagen (La de los chicos) se encuentra en la sección Home Feature #5 (Dark Gray), es decir, esa sección por defecto es de fondo color negro (Así estaba antes).

Sin embargo, también es cierto lo que dices en cuanto al color de fondo por defecto de toda la plantilla, es decir, es color blanco y por lo tanto, así se debería ver todo blanco. Pero el tema hijo Epik trae por defecto la parte del home dividido por colores blanco y negro, aunque se pueden cambiar tocando código.

Quedo a la espera de tus sugerencias. Gracias.

Saludos.

ResponderCitar
Respondido : 18/01/2017 10:49 am
Guillermo
 Guillermo
Estimable Member

Hola Pepe de nuevo,

Sólo para decirte que creo que el problema en sí, no es el color, sino el ancho de la sección. Lo que habría que intentar cambiar es el ancho del Home Featur #5 (Dark Gray). Si me puedes decir cómo hacer eso, creo que lo podríamos solucionar. Gracias.

Saludos.

ResponderCitar
Respondido : 18/01/2017 12:12 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que comentas no es del todo correcto, si ves la imagen adjunta, verás que este contenedor :
home-feature-bg-dark hf5 , esta dentro de : home-feature-bg-alt hf4 , dentro de este último hay un wrap que te limita el ancho.

En resumen debes scar hf5 de hf4, es curioso por que la primera vez que lo probe estaba bien la estructura y era fácil el cambio (el primero código que te envié), es posible que hayas estado cambiando cosas y al final te quedaste con la estructura actual.

Si no cambias la estructura será muy dificil ya que se tendría que tocar otras cosas, cambiando el wrap, y no creo que sea lo correcto.

Si no sabes que has tocado es posible también que tengas una etiqueta o atributo mal cerrado, si ves el código fuente con algún navegador verás que aparecen etiquetas en rojo, esto quiere decir que tienes mal tu html, ya que no tiene una estructura correcta de etiquetas de apertura y cierre que se correspondan.

Saludos.

ResponderCitar
Respondido : 18/01/2017 5:19 pm
Guillermo
 Guillermo
Estimable Member

Buenas tardes Jhon,

Muchas gracias por tu respuesta y explicación acertada.

Al parecer, efectivamente, al intentar generar imágenes con texto mediante código html en dichos widgets, se generaba el problema, por lo que tu dices, debía tener alguna etiqueta mal escrita o una instrucción no adecuada. La cuestión, es que al decidirme a volver a subir directamente la imagen prediseñada, como lo hacia antes, todo ha vuelto a funcionar correctamente.

Creo, que hasta que no aprenda de verdad el lenguaje html, es mejor que no me meta con eso.

De nuevo, muchas gracias por vuestra ayuda.

saludos.

ResponderCitar
Respondido : 18/01/2017 6:06 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que pudiste encontrar el problema.

Saludos.

ResponderCitar
Respondido : 18/01/2017 6:36 pm