cambiar el formato ...
Avisos
Vaciar todo

cambiar el formato o estilo del botón leer mas  

 
Alvaro
 Alvaro
Usuario eminente

Buenas.
He revisado el foro y no encuentro respuesta.
Tengo una plantilla Zenith.
En la pestaña Blog me aparecen los botones Leer Más. Funcionan bien y todo eso.
Lo que yo quiero es cambiarle el color y el texto de dentro.
Ahora me sale el botón en azul eléctrico y el texto en rojo. Es una combinación que se mata y además no pega nada con nuestra web. Al menos cambiar el azul y el texto ponerlo en inglés (Read more...)
Muchas gracias.
Un saludo.
Álvaro

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/02/2015 1:50 pm
Julen
 Julen
Miembro Admin

Hola Alvaro,

Facilítanos datos de acceso para un usuario SIN permisos de administración para que podamos analizar el botón.

Puedes ocultar los datos usando la opción de ocultar texto en el editor con el icono de los muñecos con la llave

Saludos

ResponderCitar
Respondido : 27/02/2015 2:46 pm

Alvaro
 Alvaro
Usuario eminente

Hola Julen,
perdona, no sé qué quieres decir.
el problema es que la web está offline y no podéis acceder a ella?

ResponderCitar
Respondido : 27/02/2015 5:10 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Álvaro!

Lo que mi compañero se refiere es que nos indiques un usuario sin privilegios para poder acceder a su sitio Web con el fin de analizar los cambios oportunos.

Recuerda hacerlo tal y como se te indica anteriormente para que no sea pública a otros clientes y/o visitantes.

Saludos

ResponderCitar
Respondido : 27/02/2015 6:32 pm

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

Alvaro
 Alvaro
Usuario eminente

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 27/02/2015 6:55 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Álvaro!

Para cambiar el color del botón tendrás que editar el código CSS de tu tema. Para ello, tendrás que iniciar sesión en Cpanel (www.midominio.com/cpanel) > Archivos > Administrador de archivos.

Una vez dentro, deberás de navegar hasta la ruta: /templates/nombredetutema/css/template.css (en nuestra versión es green.css). Tendrás que darle al botón derecho > Editar archivo.

En el editor, tendrás que buscar:


.button, .readon, .readmore, .btn-primary {
background: #00000; // Añades el color que quieres al botón, en este caso hemos añadido el negro
color: #FFFFF; // añades el color de la fuente que quieres, en este caso hemos añadido blanco.
}

Por último, haz clic en salvar cambios y listo, se cambiarán en todos ellos. Si quieres que al pasar el ratón por encima, se otro color tendrás que modificar deberás de buscar la clase con el atributo hover.

Para el cambio del botón del idioma deberás editar el archivo de traducción español en la carptea languagues/ de tu joomla y colocar el "Read more" en vez la traducción castellana.

Saludos

ResponderCitar
Respondido : 27/02/2015 7:19 pm

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

Alvaro
 Alvaro
Usuario eminente

Hola
he hallado esto en el editor, pero no es igual que lo que me escribes tú, y no quiero meter la pata.
Gracias de antemano.

.button,
.readon,
.readmore,
.btn-primary,
.btn {
display: inline-block;
padding: 5px 14px;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 2px;
transition: background-color 0.2s ease-out 0s;
-moz-transition: background-color 0.2s ease-out 0s;
-webkit-transition: background-color 0.2s ease-out 0s;
-o-transition: background-color 0.2s ease-out 0s;
border: none;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);

ResponderCitar
Respondido : 27/02/2015 8:24 pm
Rafael
 Rafael
Miembro Moderator

¡Hola Álvaro!

No te preocupes el código deberá quedar de la siguiente manera:

.button, .readon, .readmore, .btn-primary, .btn {

background: #00000; // Aquí el color del botón
display: inline-block;
padding: 5px 14px;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 2px;
transition: background-color 0.2s ease-out 0s;
-moz-transition: background-color 0.2s ease-out 0s;
-webkit-transition: background-color 0.2s ease-out 0s;
-o-transition: background-color 0.2s ease-out 0s;
border: none;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);

Con la propiedad background cambiarás el color del botón., no dudes en consultarnos de nuevo.

Saludos

ResponderCitar
Respondido : 27/02/2015 9:25 pm

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