Soporte » Diseño – Temas y plantillas » personalizacion botones y menú css

  • Resuelto jminaredo

    (@jminaredo)


    Buenos días, recientemente he aprendido a utilizar por encima el Inspector de elementos para poder ir personalizando los diferentes css de mi site, pero me surgen algunas dudas y tampoco acierto a realizar los cambios correctos.

    Una duda que tengo con el inspector de elementos es, que cuando selecciono un elemento hah muchas veces que me indica el archivo css y la linea a modificar, pero en otras muchas ocasiones no me indica ningun archivo ni la ruta del mismo, simplemente me indica un.. «En linea:2» y no se que archivo tengo que modificar en ese caso.

    La personalización del menu que quiero hacer es muy sencilla, al principio de la pagina justo debajo del logo en la franja aun negra existe la ubicación para un menú, con el plugin megamenu he conseguido gestionar las ubicaciones del mismo, pero donde yo quiero ponerlo es en la franja blanca de debajo del logo y no se si eso es posible a traves de modificar el css.

    El otor problema que tengo con los botones de «Añadir al carrito», en el momento de poner el cursor encima el color de la letra se vuelve naranja y no se lee el texto con el fondo del boton, queria cam iar esa propiedad a traves de hover, pero me indica «En linea:2» y no se como solventarlo.

    Muchas gracias de antemano

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

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Hola

    El enlace de tu página no funciona, así que no puedo mirarlo. De todas formas te puedo orientar algo:

    Por lo que cuentas estás modificando el css en los archivos, el problema es que cuando actualices el tema tus modificaciones se sobreescriben y vuelves a estar como al principio.

    Si creas un tema hijo y añades todas las modificaciones en el archivo style.css del tema hijo estas se mantienen, aparte de que únicamente tienes que indicar las clases que modificas, no importa el archivo donde estén. Tal vez en algunos casos tengas que añadir !important para que te funcione correctamente.

    Con respecto a la ubicación del menú, hay cosas que se pueden hacer con css y otras que no, sin ver la web no te podría decir. De todas formas, hagas lo que hagas siempre te tocará hacerlo en un tema hijo para no perder las personalizaciones.

    En Internet hay infinidad de guías al respecto, y si no te quieres complicar para hacer el tema hijo tienes un plugin que te lo crea y funciona muy bien:

    Child Theme Configurator

    Puedes instalarlo, crear el tema hijo y luego desinstalarlo y borrarlo sin problema.

    Cuando resuelvas tu duda recuerda cerrar la consulta marcando el debate como resuelto, así nos ayudas a mantener el foro al día.

    Buenas noches Jose, y porsupuesto gracias por tu ayuda. Voy a hacerte caso y voy a crear el tema hijo para modificar asi su CSS y no el del tema Padre. En cuanto a esto que me comentas.. Los css que modifico son los de la plantilla (Style.css) y Woocommerce.css. En el CSS del tema hijo debo añadir las modificaciones de cualquier hoja de estilo? En el caso de los botones me bastaria con copiar la etiqueta que me indica el inspector y pegarla modificada en la nueva hoja de estilo indiferentemente de en la linea que me diga que este?

    Gracias

    Por cierto, dejo actualizado el link a la pagina:

    WEB

    Hola,

    El código que pones en el style.css del tema hijo va a sobreescribir el de las otras plantillas, no es necesario que modifiques una a una.

    En el caso de que tuvieras que dictar plantillas en PHP del tema entonces sí tendrías que marcar las rutas en el tema hijo y modificarlas, pero no es este el caso.

    Haz las modificaciones en el inspector y copialas en el style.css del tema hijo independientemente de donde esté el original o los números de línea, copia únicamente lo que modifiques.

    Para que comprendas bien cómo funciona busca en Internet tema hijo de WordPress y vas encontrar un montón de información

    Lo he consegido solucionar Jose.

    Muchas gracias de nuevo,

    Un saludo

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • El debate ‘personalizacion botones y menú css’ está cerrado a nuevas respuestas.