Avisos
Vaciar todo

phoca gallery II  

Página 1 / 2
 
Robert
 Robert
Estimable Member

Buenas noches, estoy intentando separar el espacio entre una galeria y otra en la visualización de categorias del front end. Adjunto imagen donde señalo el espacio que quiero aumentar y no sé como... He mirado en las preferencias del panel de control de phoca gallery pero no encontré nada al respecto.

Si por favor podeis ayudarme con esto...
Gracias, un Saludo.

URL del sitio: http://www.kingsschoolofenglish.com/

Citar
Respondido : 14/05/2012 10:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Robert

Debes hacerlo a través de CSS, por ejemplo en la siguiente imagen

Revisa el siguiente artículo que explica el uso de firebug

Saludos.

ResponderCitar
Respondido : 14/05/2012 10:37 pm

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

Robert
 Robert
Estimable Member

Gracias Jhon, podrías linkear de nuevo el articulo de firebug? NO me aparece en el post anterior. Supongo que tb. puedo editarlo desde el servidor,no?

Saludos.

ResponderCitar
Respondido : 15/05/2012 4:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Robert

Si , igualmente puedes usar el Administrador de archivos para realizar la modificación de los archivos CSS o también descargarlos y subirlos a través de FTP.

Para aprender a usar el Administrador de archivos del cpanel
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Este es el link del artículo de firebug
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Saludos.

ResponderCitar
Respondido : 15/05/2012 5:19 pm

Cursos Gratuitos WordPress

Robert
 Robert
Estimable Member

Gracias por los manuales, pero no sé donde se localizan en el cpanel el o los archivos que debo modificar, podrias ser algo más concreto. Supongo que hay que modificar algún valor en el archivo en cuestión.

Gracias.

ResponderCitar
Respondido : 15/05/2012 6:33 pm
Robert
 Robert
Estimable Member

Buenas de nuevo, he visto el tutorial de Firebug y me ha servido para comprender donde encontrar el archivo y de que archivo se trata "phocagallery.css". Muchas Gracias, tengo algo de dudas con que etiqueta debo de tocar para modificar el margen en cuestión. podrias ayudarme?

Gracias.

ResponderCitar
Respondido : 15/05/2012 7:35 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Robert

Creo que debes definir una nueva referencia, algo como :

#phocagallery table{
    margin-top:20px;
}

Saludos.

ResponderCitar
Respondido : 15/05/2012 8:38 pm
Robert
 Robert
Estimable Member

Buenas de nuevo Jhon, esa referencia que me indicas, debo crearla en el "phocagallery.css" en alguna parte en especial del archivo?

Gracias,un Saludo.

ResponderCitar
Respondido : 15/05/2012 9:54 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Robert,

Previa copia de seguridad del archivo, puedes añadirla al archivo phocagallery.css.

Saludos

ResponderCitar
Respondido : 15/05/2012 11:58 pm
Robert
 Robert
Estimable Member

Ok, lo realizaré en el apartado de pruebas, si funciona y no da problemas puedo poner dixo código en mi sitio,no?

Podrias indicarme en que parte de este archivo css debo incluir el código?

Gracias.

ResponderCitar
Respondido : 16/05/2012 8:52 am

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

Robert
 Robert
Estimable Member

Buenas, he probado en mi apartado de pruebas, añadir al archivo phocagallery.css el código

#phocagallery table{
    margin-top:20px;
}

al final del archivo y me realiza el margen en cuestión del espacio entre ambas galeria y tb. del título. Es curioso porque una vez guardado el archivo .css he procedido a buscar el código introducido y no se encuentra. Saben donde lo ha podido encajar? Adjunto Css de mi apartado de pruebas

Saludos.

ResponderCitar
Respondido : 16/05/2012 9:43 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Robert,

En el archivo que adjuntas está en la última linea (linea 680)

Saludos

ResponderCitar
Respondido : 16/05/2012 11:17 am

Cursos Gratuitos WordPress

Robert
 Robert
Estimable Member

Gracias, lo mire por encima y no la encontraba. Pero en mi caso, se podria dar margen unicamente al espacio que describo en la imagen que mandé en un principio, es decir, el margen entre galeria y galeria?

Sakudos.

ResponderCitar
Respondido : 16/05/2012 6:54 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Robert,

Tal como te explico Jhon, añadiendo "margin-top:20px;" a la #phocagallery table.

¿Puedes pegar aquí el código que has añadido? no es necesario que adjuntes todo el archivo completo, es más laborioso para estar consultándolo, solamente las líneas que has introducido, tal como lo hacemos nosotros.

Si deseas adjuntar imágenes, formatear determinado texto o añadir una url entre etiquetas [hide] para evitar que usuarios no registrados la visualicen, puedes consultar en la pestaña "Ayuda" de este Foro para ver los distintos marcados disponibles:

- https://guias.webempresa.com/preguntas-frecuentes/acceso-al-foro/

Saludos

ResponderCitar
Respondido : 16/05/2012 11:17 pm

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

Robert
 Robert
Estimable Member

Hola Luis, creo que no me expliqué bien, disculpa. En la primera imagen que adjunte indicaba con las flechas unicamente un margen. Al parecer al introducir el código que agradezco que nos facilitara Jhon se cambia el margen superior tb..

El resultado lo puedes ver en la imagen que adjunto, mi pregunta es que si suprimo el top del código de Jhon daria el resultado que indicaba en un principio.

Saludos.

ResponderCitar
Respondido : 17/05/2012 12:01 am
Página 1 / 2