[Support request] Personalizar Paginas

Home Forums Support Personalizar Paginas

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #972794
    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.

    #972912
    David
    Staff
    Customer Support

    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.

    #972959
    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.

    #973161
    David
    Staff
    Customer Support

    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?

    #973225
    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

    #973240
    David
    Staff
    Customer Support

    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;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.