cambiar color de todos los menus en shopisle
-
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]
-
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_hijos2. Tiene pinta de que has añadido algo en el footer, ¿has editado algún archivo PHP como puede ser
footer.php
?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 hijo2. 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 propiedadcolor
es el color de fondo, que esbackground-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ónthe_content
o similar.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>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 uno1. 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.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!!!
- El debate ‘cambiar color de todos los menus en shopisle’ está cerrado a nuevas respuestas.