[Support request] Personalizar Paginas

[Fernando]

Hola, tengo instalado GP, y he personalizado la pagina estática con su cabecera y cuerpo y colores pero no consigo cambiar esa personalización en otras paginas, con otra cabecera y colores diferentes.

[David]

Hi there,

could you provide a link to your site so i can get an understanding of the issue.
You can edit your original topic and use the Site URL field to share it privately.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fernando]

Hola David. Estoy trabajando en la web en localhost, y no se como te puedo enviar un enlace. El problema es que en mi Menu tengo inicio y sobre mi (PÁGINAS) y lo que quiero es saber si puedo cambiar y como el color de fondo por ejemplo para INICIO que sea azul y para SOBRE MI que sea rojo.

[David]

Just to be clear – do you want to have different color backgrounds for each menu item?
Or do you want to have a different color for the current page menu item?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fernando]

Lo que necesito es tener diferentes fondos o imágenes para cada elemento del menú. Únicamente utilizo paginas estáticas en mi menú. INCIO/SOBRE MI/GALERIA/CONTACTO/ …ETC.
Por ejemplo dentro de Pagina Inicio…… fondo azul o imagen de un coche
ejemplo pagina Sobre mi……… fondo verde o imagen de montañas

No se si me explico bien

[David]

You would need some custom CSS like so:

.main-navigation .main-nav ul li:nth-child(1) a {
	background-color: #ff0000;
}

.main-navigation .main-nav ul li:nth-child(2) a {
	background-color: #00ff00;
}

.main-navigation .main-nav ul li:nth-child(3) a {
	background-color: #0000ff;
}

Create a separate rule for each menu item and update the nth-child(#) for each menu item.

To add a background image instead you would add this:

.main-navigation .main-nav ul li:nth-child(1) a {
    background-image: url("full_url_to_image_file/image.jpg");
    background-size: cover;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts