Avisos
Vaciar todo
Preguntas sobre WordPress
14
Respuestas
4
Usuarios
0
Reactions
1,362
Visitas
Topic starter
Hola, me hace falta aumentar el slider hasta donde esta el recuadro verde "en el móvil". Porque el recuadro rojo está solucionado.
Me dieron este archivo para meterlo en el CSS y no cambia nada:
@media (max-width: 480px) {
#rt-top .rt-block {
padding: 0;
}
}
¿Qué otra solución hay?
----------------------------------------------------------------------------------
Y el código que me disteis para reducir el cuadrado donde está el logo (fijase en la imagen siguiente, el cuadro rojo, lo que se redujo) funciona perfectamente para el móvil, pero para verlo "desde un PC" se descoloca todo, descentrando todos los objetos y frases, te envio las fotos para que lo veas.
Este fue el código:
@media (max-width: 480px) {
.rt-block {
padding: 0;
}
}
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 12/05/2016 7:40 pm
Hola
Para corregir el tema de los desentrados, tiene que ver con el contenedor principal,
En tu archivo personalizaddo, elimina este estilo que has puesto :
Elimina este código
.rt-container {
width: 100%;
}
Luego, al final agrega este código CSS
#rt-transition{
background:black;
}
body>.rt-container{
width:100%;
}
.soliloquy-container{
max-width:100%!important;
max-height:auto!important;
}
.soliloquy-container,
.soliloquy-container img{
width:100%!important;
}
Saludos.
Respondido : 12/05/2016 9:19 pm
Topic starter
Perfecto, gracias.
Solo me falta el logo el logo centrarlo un poco.
Respondido : 12/05/2016 9:44 pm
Hola
En este caso sera neceario trabajar con las redes sociales más que con el logo
En tu archivo CSS personalizado tienes
.cnss-social-icon {
margin-left: 0!important;
text-align: left !important;
}
Cambialo por
.cnss-social-icon {
margin-left: 65px!important;
text-align: left !important;
}
Es un centrado simulado con un margen izquiedo
Saludos.
Respondido : 12/05/2016 10:39 pm
Topic starter
Vale, he cambiado el código y me sale los iconos de redes sociales centrados con el logo. Pero yo necesitaba que el logo se centre con los iconos de redes sociales.
El motivo es porque dejo un espacio a la izquierda de los dos mucho más grande que los margenes de la derecha donde está "idiomas y el email".
¿No hay algún código que modifique el logo más a la izquierda?
Respondido : 12/05/2016 11:23 pm
Hola,
Lo que ocurre es que la imagen que estás utilizando para el logo tiene tiene espacio vacío a ambos lados, lo que hace que parezca que se muestra desplazada a la derecha. La imagen es esta:
Contenido solo visible a usuarios registrados
Si te fijas, se puede ajustar el contenido para eliminar es espacio sobrante por los lados. De esta forma se debería de solucionar el problema.
Respondido : 13/05/2016 9:46 am
Topic starter
Ya realice el cambio de foto, pero sigue sin resolverse.
Respondido : 13/05/2016 7:58 pm
Topic starter
Y también no se me resolvió este problema:
Aumentar el slider hasta donde esta el recuadro verde "en el móvil". Porque el recuadro rojo está solucionado.
Me dieron este archivo para meterlo en el CSS y no cambia nada:
@media (max-width: 480px) {
#rt-top .rt-block {
padding: 0;
}
}
¿Qué otra solución hay?
Respondido : 13/05/2016 8:01 pm
Hola
Veo el logo igual y no ha cambiado el espacio vacío
Contenido solo visible a usuarios registrados
Podrías moverlo un poco, pero no mucho, a la izquierda, usa el siguiente estilo, al final de tu archivo personalizado agrega:
#rt-logo{
width:215px!important;
}
Luego con respecto a tu otra consulta, elimina el código que has puesto :
@media (max-width: 480px) {
#rt-top .rt-block {
padding: 0;
}
}
Luego ubica el codigo con el @media (max-width: 768px) le agregarás un código adicional, es decir quedará como :
@media (max-width: 768px) {
.cnss-social-icon {
text-align: center !important;
}
#rt-header .rt-omega{
display:none;
}
}
Ten cuidado con las llaves ya que si lo pones mal invalida el resto de código
Saludos.
Respondido : 13/05/2016 9:47 pm
Topic starter
Hola, lo del logo y los iconos sociales al fin están centrados, añadí 20px alineado hacia izquierda los iconos sociales, y ya quedaron centrados los dos.
El otro problema aún metiendo el código que me enviasteis, sigue sin ser un poco más largo el slider del "MÓVIL". Este fue el código que me enviasteis:
Luego ubica el codigo con el @media (max-width: 768px) le agregarás un código adicional, es decir quedará como :
@media (max-width: 768px) {
.cnss-social-icon {
text-align: center !important;
}
#rt-header .rt-omega{
display:none;
}
}
Respondido : 14/05/2016 2:10 am
Hola Emilio.
Esto es lo que veo y no se si lo solucionaste ya.
Un saludo
Respondido : 14/05/2016 11:02 am
Topic starter
Hola, lo que quiero es crecer el slider del móvil solo, más largo (no ancho). En la foto sale explicado mejor.
Y en la siguiente foto el recuadro rojo esta resuelto, el que faltaría es el verde, que es lo que os quería decir.
Respondido : 14/05/2016 2:18 pm
Hola
Esto que comentas de aumentar el slider, te refieres a que tenga otra altura?,
Esto podría complicarse, lo mejor es dejarlo en su tamaño de redimensión original, lo que te envié es subir el silder más arriba pero no cambiar su altura.
Actualmente la modificación CSS es a partir de 768px por lo que debería funcionarte que el slide se vea más arribal, tendrías que refrescar tu navegador o borra la cache o probar en otro navegador y verificar si te sucede lo mismo, actualmente lo veo como en la siguiente imagen.
Saludos.
Respondido : 14/05/2016 4:20 pm
Topic starter
Sí, era engrandecer el slider. que se vea en vez de más ancho más alto (pero no alto de colocar el slider más arriba, sino engrandecerlo).
Aunque subirlo ha quedado también bien, gracias.
Bueno si no se puede engrandecer porque daría problemas, pues lo dejamos así.
Respondido : 14/05/2016 6:02 pm
