Soporte » Diseño – Temas y plantillas » cambiar color de todos los menus en shopisle

  • Resuelto lorenalis27

    (@lorenalis27)



    Buenas, estoy montando una tienda online con shopisle y wocommerce que aún esta en plataforma de prueba. Tengo dos problemas a resolver:
    1) Que intento cambiar el color de todos los menúes (incluido la pagina inicial) y ya he probado un sin fin de combinaciones de etiquetas con el editor de css pero no logro cambiar el color que viene por defecto.
    Solo he podido modificar el color de la pagina de TIENDA y sus subpaginas.
    2) En todas las paginas menos en la pagina inicial y la pagina de Tienda y sus subpaginas, es decir, en las paginas de nosotros, noticias, contacto, FAQ se ha duplicado el contenido. Es decir, el contenido que he creado se repite otra vez despues del pie de pagina, ¿Qué tengo que cambiar para que desaparezca?

    Muchas gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - 1 de 9 (de 9 total)
  • 1. El theme no tiene una opción de diseño para cambiar colores? Si no lo tiene, puedes añadir este CSS al Personalizador:

    .navbar-custom .nav li > a {
        color: red;
    }

    Cambiando red por el color que quieras. Aunque lo ideal sería hacerlo con un tema hijo: https://codex.wordpress.org/es:Temas_hijos

    2. Tiene pinta de que has añadido algo en el footer, ¿has editado algún archivo PHP como puede ser footer.php?

    lorenalis27

    (@lorenalis27)

    Hola Elias, muchas gracias por tu pronta respuesta.,)
    el codigo que me has enviado me ha servido a medias porque me cambia si el color de el menú pero creo que no me he expresado bien y lo que quiero es cambiar todo el color de la barra que incluye el menu. Y si lo estoy haciendo en un tema hijo

    2. no he editado nada en php, ni tampoco en footer aunque si estuve unos dias con error 500 por el tiempo de carga de fotos que arregle modificando el tiempo de carga y peso de los archivos. Pero creo que eso no tiene nada que ver… Mirare en el footer.php que es lo que hay.

    1. Ahora no puedo entrar a la web, me pide autorización, pero me imagino que entonces será eliminando li > a y en lugar de la propiedad color es el color de fondo, que es background-coor, ¿Verdad?

    2. Leyendo de nuevo creo que tiene que ver con las Páginas. ¿Has añadido algún fragmento de código en ‘page.php’, o alguno en functions.php que tenga que ver con el contenido? Parece que por algún lado se está ejecutando la función the_content o similar.

    lorenalis27

    (@lorenalis27)

    estoy es lo que hay en el admin.footer.php

    <?php
    /**
    * WordPress Administration Template Footer
    *
    * @package WordPress
    * @subpackage Administration
    */

    // don’t load directly
    if ( !defined(‘ABSPATH’) )
    die(‘-1’);

    /**
    * @global string $hook_suffix
    */
    global $hook_suffix;
    ?>

    <div class=”clear”></div></div><!– wpbody-content –>
    <div class=”clear”></div></div><!– wpbody –>
    <div class=”clear”></div></div><!– wpcontent –>

    <div id=”wpfooter” role=”contentinfo”>
    <?php
    /**
    * Fires after the opening tag for the admin footer.
    *
    * @since 2.5.0
    */
    do_action( ‘in_admin_footer’ );
    ?>
    <p id=”footer-left” class=”alignleft”>
    <?php
    $text = sprintf( __( ‘Thank you for creating with WordPress.’ ), __( ‘https://wordpress.org/’ ) );
    /**
    * Filters the “Thank you” text displayed in the admin footer.
    *
    * @since 2.8.0
    *
    * @param string $text The content that will be printed.
    */
    echo apply_filters( ‘admin_footer_text’, ‘<span id=”footer-thankyou”>’ . $text . ‘</span>’ );
    ?>
    </p>
    <p id=”footer-upgrade” class=”alignright”>
    <?php
    /**
    * Filters the version/update text displayed in the admin footer.
    *
    * WordPress prints the current version and update information,
    * using core_update_footer() at priority 10.
    *
    * @since 2.3.0
    *
    * @see core_update_footer()
    *
    * @param string $content The content that will be printed.
    */
    echo apply_filters( ‘update_footer’, ” );
    ?>
    </p>
    <div class=”clear”></div>
    </div>
    <?php
    /**
    * Prints scripts or data before the default footer scripts.
    *
    * @since 1.2.0
    *
    * @param string $data The data to print.
    */
    do_action( ‘admin_footer’, ” );

    /**
    * Prints scripts and data queued for the footer.
    *
    * The dynamic portion of the hook name, $hook_suffix,
    * refers to the global hook suffix of the current page.
    *
    * @since 4.6.0
    */
    do_action( “admin_print_footer_scripts-{$hook_suffix}” );

    /**
    * Prints any scripts and data queued for the footer.
    *
    * @since 2.8.0
    */
    do_action( ‘admin_print_footer_scripts’ );

    /**
    * Prints scripts or data after the default footer scripts.
    *
    * The dynamic portion of the hook name, $hook_suffix,
    * refers to the global hook suffix of the current page.
    *
    * @since 2.8.0
    */
    do_action( “admin_footer-{$hook_suffix}” );

    // get_site_option() won’t exist when auto upgrading from <= 2.7
    if ( function_exists(‘get_site_option’) ) {
    if ( false === get_site_option(‘can_compress_scripts’) )
    compression_test();
    }

    ?>

    <div class=”clear”></div></div><!– wpwrap –>
    <script type=”text/javascript”>if(typeof wpOnload==’function’)wpOnload();</script>
    </body>
    </html>

    lorenalis27

    (@lorenalis27)

    1. si elimine li> a y se amplio el fondo de color pero aún asi no cambia de punta a punta de la barra, la pagina esta aún en plataforma de prueba, no se si hay manera de que pueda enviartela de otra manera. Puede ser que intervenga en algo woocommerce? Porque ahora mismo esta modificado el color de todo el menú excepto de la lupa y el carrito y tampoco esta incluido el espacio para el logo de la pagina
    2. Si es verdad, elementor no me permitia modificar la pagina de inicio y me daba como opción agregar en page.php the content, acabo de quitarlo y problema resuelto!!! Por lo menos uno

    lorenalis27

    (@lorenalis27)

    1. Ademas creo que la etiqueta tiene que ver con barra de navegación que cuando haces scroll hacia abajo (pagina de inicio) se vuelve negra y cuando estas el header esta transparente. Mientras que en el resto de las paginas esta fija constante y en color negro.

    1. Estoy en la demo del Tema y no veo que el color de fondo de la cabecera cambie al hacer scroll. Por lo que veo, el elemento que tiene el color es .navbar-custom, y también .page .navbar-custom en las páginas, así que es ese el que tienes que modificar.

    Quedaría tal que así:

    .page .navbar-custom, .navbar-custom {
        background-color: red;
    }

    Poniendo el color que quieras en lugar de red. Espero que te sirva, si no tendré que bajarme el tema y probarlo 😅

    2. Ese archivo tiene admin. en el nombre, no es ese. Además, no creo que hayas modificado un archivo interno de WordPress, así que no es ese el archivo por el que te pregunto.

    Me refiero al archivo footer.php que está en la carpeta del Tema.

    Lo he probado y actualizo el código:

    .navbar-custom {
        background-color: red;
    }
    
    .page .navbar-custom {
        background-color: red !important;
    }

    Lo separo porque la declaración de páginas lleva !important (mala práctica, por cierto), así que si queremos sobrescribirlo tenemos que usarlo también.

    lorenalis27

    (@lorenalis27)

    1. Siiiiiiii, eso era!! el !important porque antes lo habia probado mil veces

    .nav-custom 
    .page .navbar-custom

    muchisimas gracias Elias, ya lo tengo todo resuelto.
    Gracias por tu tiempo!!!

Viendo 9 respuestas - 1 de 9 (de 9 total)
  • Debes estar registrado para responder a este tema.