WebSite X5Help Center

 
Ale A.
Ale A.
User

No alinea el texto en Boton Hover  es

Autore: Ale A.
Visite 1271, Followers 1, Condiviso 0  

Hola,

He conseguodo un codigo para colocar un boton hover en la parte de contenido del encabezado y pie de página.

Mas  cuando quiero hacer mas grande el boton o disminuyo el tamaño de la letra del texto, el texto se va para arriba. Y no he podido centrarlo.

Voy a colocar el codigo aqui para ver si por favor pueden ayudarme o corregirlo: 

(no se nada de códigos, pero esta tarde aprendi algo embarassed)

<a href="https://misitio.com" class="boton_1">IR PARA OFERTA</a>

<style type="text/css">
.boton_1{
text-decoration: none;
padding-right: 25px;
padding-left: 25px;
text-align: center;
font-family: helvetica;
font-weight: 300;
font-size: 15px;
font-style: italic;
color: #fcfcfc;
background-color: #CE312B;
border-radius: 15px;
border: 1px double #CE312B;
line-eight:100px:
}
.boton_1:hover{
opacity: 0.6;
text-decoration: none;
}
</style>

Y adjunto la imagen de como se ve en vista previa:

Al cambiar solo el valor del tamaño (de 20px a 13px) de la letra,

font-size: 13px;

se vuelve asi:

Perdiendo la forma.

Gracias de antemano

Postato il
6 RISPOSTE
Ale A.
Ale A.
User
Autore

Olvide indicar que el encabezado tiene 80 de altura.

Y tambien que aunque estire el objeto de codigo de HTML el boton con los valores originales igual se ve ártido en dos (grande como me gustaria que estuviera, pero lástima partido en dos).

Gracias

Leggi di più
Postato il da Ale A.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Utente del mese ES

Hola Ale,

A ver que tal asi?

Con estas modificaciones, se ve el boton asi (puse el codigo en un txt guardado como html):

<a href="https://misitio.com" class="boton_oferta">IR PARA OFERTA</a>

<style type="text/css">
.boton_oferta{
text-decoration: none;
padding-right: 25px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-family: helvetica;
font-weight: 300;
font-size: 15px;
font-style: italic;
color: #fcfcfc;
background-color: #CE312B;
border-radius: 15px;
border: 1px double #CE312B;
}
.boton_oferta:hover{
opacity: 0.6;
text-decoration: none;
}
</style>

Prueba y nos comentas...

Saludos

Leggi di più
Postato il da CARLOS AMARAL
Ale A.
Ale A.
User
Autore

Buen dia Carlos,

Muchas gracias por tu auxilio.

Voy a experimentar hoy dia.

Leggi di più
Postato il da Ale A.
Ale A.
Ale A.
User
Autore

Carlos, 

No funcionó:

1) copié todo el codigo que amablemente me enviastes

2) Vista pc

3) Vista samrtphone

Esta es una plantilla vacia, creada desde cero.

Bien extraño.

Leggi di più
Postato il da Ale A.
Incomedia
Stefano G.
Incomedia

Hola Ale

Desafortunadamente, el personal no puede proporcionar soporte para códigos personalizados. Tendrás que discutir esto con otros miembros de la comunidad para que puedan ayudarte a integrarlo correctamente.

Dejaré el tema abierto para que puedas hacer exactamente eso

Gracias por tu comprensión

Stefano

Leggi di più
Postato il da Stefano G.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Utente del mese ES

Hola Ale, 

Quiza mientras no le encuentres solucion puedes ponerlo como imagen y no vas a tener problemas.

Por otro lado, quiza puedes adquirir algunos de los objetos de botones que tiene Incomedia en el marketplace, que de seguro no te van a dar problema. Porque eso puede ser por algun conflicto de estilos, etc...

No me doy cuenta cual puede ser el problema.

Saludos colega...

Carlos A.

Leggi di più
Postato il da CARLOS AMARAL