Avisos
Vaciar todo

reacomodar los widgets en el top

18 Respuestas
4 Usuarios
0 Reactions
740 Visitas
Respuestas: 71
Trusted Member
Topic starter
 

Muy buenas noches a todos antes que nada, quiero agradecer por vuestra ayuda muy bien brindada, muy atentos..

bueno tengo una duda, quisiera mover un poco los widgets del top,

es decir en mi pagina mover el logo un poco mas a la izquierda y agrandar el carrito para aprovechar el espacio en blanco...

esas dos cositas quisiera que me ayuden.

desde ya muchas gracias 🙂

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 12/09/2017 4:42 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Para mover un poco el logo hacia la izquierda en el fichero CSS personalizado puedes insertar el siguiente código:

#rt-top .rt-block {
	margin: 8px 50px 4px;
}

No tengo claro a que te refieres con agrandar el carro, pero si te refieres a la imagen se tiene que reemplazar por una más grande.


 
Respondido : 12/09/2017 5:32 am
Respuestas: 71
Trusted Member
Topic starter
 

y eso se puede hacer? como lo puedo hacer?

se me estan acabando las preguntas permitidas en un mes y necesito finalizar detalles en mi pagina web.

porfavor en breves pasos dime como hacer para instertar un icono mas grande del carro y agrandar las letras.

el proposito es aprovechar el espacio en blanco que sobra

sldos


 
Respondido : 12/09/2017 5:51 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Tienes que modificar la imagen que te adjunto: Contenido solo visible a usuarios registrados

Luego se tiene que aplicar código para agrandarlo, en principio no creo que se va a ver bien. Creo que el tamaño es correcto los carros no son tan grandes. Lo que quizás podrías mejorar es la ubicación.


 
Respondido : 12/09/2017 6:18 am
Respuestas: 71
Trusted Member
Topic starter
 

Buenas tardes, quiero decirles que ya cambie el logo en dicha ruta mencionada por uno mas grande pero no surgen efecto alguno y sigue tal como esta, no se ve grande como el icono que agregue en dicha ruta

si hace falta algun cambio adicional por favor decirme que es o que codigo deberia de usar para agrandar el icono del carrito junto a las letras con el proposito de aprovechar los espacios en blanco

basandonos en esta pagina www.compragamer.com.ar

y tambien necesitaria algunos codigo para mejorar la ubicacion

sldos


 
Respondido : 12/09/2017 5:27 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

hola

No veo que hayas cambiado el tamaño del carrito
Contenido solo visible a usuarios registrados

Igual es un sprite de imagenes, tienes que variar ambos elementos

Para agrandar el área contenedora de la imagen puedes usar este código CSS:

.carro .widget_shopping_cart_content .cart-icon{
	width:60px;
	height:60px;
}

Saludos.


 
Respondido : 12/09/2017 10:08 pm
Respuestas: 71
Trusted Member
Topic starter
 

Y para correr o modificar la palabra " 0 productos"?

como hago?


 
Respondido : 13/09/2017 5:24 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Puedes verificar la traducción de la cadena de texto con el plugin: https://www.webempresa.com/blog/traduce-temas-y-plugins-desde-tu-wordpress.html


 
Respondido : 13/09/2017 6:21 am
Respuestas: 71
Trusted Member
Topic starter
 

Buenas noches, debo decir que gracias a sus consejos y sugerencias voy avanzando en cuanto al diseño de la pagina de mi sitio web

quisiera que porfavor me mandaras en esta ocacion el codigo para correjir esto (imagen 1)

quiero que se vea mas a la izquiera y que cuando el usuario escriba pueda comenzar del lado izquierdo hacia adelante aprovechando bien el cuadro de escritura

sldos


 
Respondido : 13/09/2017 6:53 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Esto que has puesto es incorrecto, (definir el ancho de tu caja con el padding):

#searchform input[type="search"] {
    padding: 35px 140px;
    margin-top: 10px;
    font-size: 3.7rem;
}

Como ves estas defiendo un padding de 140px, es por eso que se ve de esa forma, si quieres agrandar la caja de texto usa width, el padding no debería ser 140px, tienes que cambiar el padding y en lugar de eso usar width

Veo que estas realizando varias modificaciones CSS te sugiero revisar algún tutorial de CSS
https://www.w3schools.com/css/

Saludos.


 
Respondido : 13/09/2017 5:28 pm
Respuestas: 71
Trusted Member
Topic starter
 

Señor como puede ver ya lo eh corregido, pero tengo un problema, mientra mas lo agrando en la pagina web se ve mejor

pero en el cel se ve grande , no entra en la pantalla del celular, como lo soluciono?

porfavor ayudeme me falta poco para terminarlo.

sldos desde Argentina 🙂


 
Respondido : 13/09/2017 8:29 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Del código que te envió Jhon prueba agregando un:

#searchform input[type="search"] {
width: 100%;
    padding: 35px 140px;
    margin-top: 10px;
    font-size: 3.7rem;
}

 
Respondido : 13/09/2017 11:34 pm
Respuestas: 71
Trusted Member
Topic starter
 

asi esta bien? que codigo me faltaria?

porfavor digame que codigo debo introducir para que quede bien,

me gustaria correrlo o acercarlo mas al lado del logo


 
Respondido : 14/09/2017 12:21 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Lo único que tienes que agregar es el width: 100%; para que se pueda adaptar a la pantalla del teléfono.


 
Respondido : 14/09/2017 12:30 am
Respuestas: 71
Trusted Member
Topic starter
 

Buenas noches le eh puesto lo que me dijiste pero el buscador me salio enorme,

asique tuve que ingeniarmelas como pude y le eh puesto adicionalmente esos codigos, el problema esta en que no puedo mover la barra un poco mas hacia la

izquiera eh intentado combinaciones de numero, " x px" en varios codigos como marin-top padding eh probados todos para ver si se corria a la izquierda pero sin exito.

me podrias decir el codigo que necesito para que cumpla dicha funcion?

sldos


 
Respondido : 14/09/2017 3:59 am
Página 1 / 2