Los pasos clave para que el ícono de copyright y de LinkedIn estén en la misma línea son:
- Inspeccione el HTML/CSS para identificar los elementos que envuelven los derechos de autor y el ícono. Determine si están a nivel de bloque o en línea.
- Si son elementos de bloque, cambie a inline o inline-block para permitir que se coloquen juntos en una línea.
- Alternativamente, configúrelos para que floten hacia la izquierda/derecha y déles un ancho fijo para evitar que se enrollen.
- Es posible que deba ajustar los márgenes/relleno para obtener el espacio entre ellos según lo desee.
- Asegúrese de que el contenedor principal permita el flujo horizontal de elementos secundarios.
Las correcciones técnicas implican modificar las propiedades de visualización y los estilos flotantes junto con ajustar los espacios en blanco.
Analice primero el HTML/CSS para identificar los cambios necesarios para los elementos específicos utilizados. Esto permitirá que los derechos de autor y el ícono se alineen horizontalmente.
Esto bastará; aunque no estoy seguro de que funcione bien en todos los anchos de pantalla.
footer.site-info { margin-top: -3em; }
Para agregar o anular CSS: utilice la opción «CSS adicional» en el personalizador. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress o en [site]/wp-admin/customize.php si no tiene esa opción de menú.
Utilice las herramientas para desarrolladores de Chrome o las herramientas para desarrolladores de Firefox para ver y probar los cambios en su CSS.
Gracias a todos por sus comentarios. Esto es lo que me resolvió al final del día:
Pruebe este fragmento de PHP:
https://docs.generatepress.com/article/changing-the-copyright-message/#removing-the-entire-footer-bar
Agregar PHP: https://docs.generatepress.com/article/adding-php/