Avisos
Vaciar todo

reacomodar los widgets en el top  

Página 1 / 2
 
Marti Martinez
 Marti Martinez
Usuario experto

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

Citar
Respondido : 12/09/2017 5:42 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 12/09/2017 6:32 am

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

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 12/09/2017 6:51 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 12/09/2017 7:18 am

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 12/09/2017 6:27 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 12/09/2017 11:08 pm

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

Marti Martinez
 Marti Martinez
Usuario experto

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

como hago?

ResponderCitar
Respondido : 13/09/2017 6:24 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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

ResponderCitar
Respondido : 13/09/2017 7:21 am

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

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 13/09/2017 7:53 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 13/09/2017 6:28 pm

Cursos Gratuitos WordPress

Marti Martinez
 Marti Martinez
Usuario experto

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 🙂

ResponderCitar
Respondido : 13/09/2017 9:29 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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;
}
ResponderCitar
Respondido : 14/09/2017 12:34 am

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

Marti Martinez
 Marti Martinez
Usuario experto

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

ResponderCitar
Respondido : 14/09/2017 1:21 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

ResponderCitar
Respondido : 14/09/2017 1:30 am

Marti Martinez
 Marti Martinez
Usuario experto

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

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