Ayuda con Webcomic + Inkblot

  • Resuelto spookypie

    (@spookypie)


    hace 7 años, 6 meses

    Hola!

    No me gusta pedir ayuda para no molestar, pero cuando ya estoy a mis limites no me queda otra…

    Soy muy novata con el CSS y PHP y estoy montando una web para publicar mi webcomic online, para ello uso el plugin WEBCOMIC con el tema INKBLOT (hecho por el mismo autor para integrarse con Webcomic).

    la web es: leah.konata.es
    Y los problemas los siguientes….

    – El banner del cabezal (con el titulo y un personaje) por encima del menu, me sale cortado en tablets (un poco) y en mobiles (muchísimo).

    – El menu en el mobil me sale vertical con las letras mas grandes de lo que me gustaría y el widget de los botones sociales también grande para ser mobil y movido a la derecha.

    – El Sidebar no aparece en el HOME. Debería aparecer abajo a la derecha del post, como en las otras páginas de comic que no son el HOME.
    Ademas el Sidebar se sale por los lados, pero bueno eso tal vez lo pueda retocar yo.

    – Tengo un vacío a la derecha de la pagina, si entráis podéis ver que se puede desplazar a la derecha pero no hay nada. Eso se traduce también a espacios enormes en mobiles.
    Si modifico el MAX WIDTH se reduce ese espacio pero me aplasta toda la pagina, como si se pusiese en formato mobil. Yo solo quiero cortar ese espacio vacío…. T_T

    En fin, estas son las cosas que tengo apuntadas que me fallan mas graves… Llevo demasiado tiempo ya intentándolo, he conseguido arreglar otras cosas pero estas se me resisten.

    Ojalá me podáis ayudar. Gracias de antemano!! Y sorry por pedir tanta ayuda en un post. >_<

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • jmarreros

    (@jmarreros)

    hace 7 años, 6 meses

    Hola

    Los cambios que nos comentas la mayoría esta relacionado con CSS.

    Puedes revisar y hacer cambios a tu theme con CSS y ayudarte de Firebug, revisa :
    Modificar tu theme con Firebug

    Por ejemplo en tu primera duda, podrías aumentar el margen superior del banner cuando el tamaño del dispositivo sea <=768px

    Agrega el siguiente código CSS al final del archivo :
    /wp-content/themes/inkblot/style.css

    
@media (max-width:768px){
	header.banner{
		margin-top:30px;
	}	
}

    Te sugiero documentar los cambios que vas haciendo, si los colocas al final del archivo indicado cuando acutalices el theme los puedes perder, otra alternativa es usar child themes.

    Saludos.

    • Esta respuesta fue modificada hace 7 años, 6 meses por jmarreros.
    Iniciador del debate spookypie

    (@spookypie)

    hace 7 años, 6 meses

    Gracias por contestar! Queria editar el mensaje pero no veo la opción para ello.

    He Conseguido arreglar lo del Cabezal y lo del espacio de la derecha (esto era causado por un widget, fue quitarlo y arreglarse).

    Uso un child theme pues lei que era mejor a la hora de editar y personalizar para no tocar el tema original.

    El problema que tengo ahora, es que, si pongo un SIDEBAR para que este al lado de lo que seria el post (debajo de la pagina de comic) sale así:
    Captura de pantalla del SIDEBAR
    Como se ve, se sale de lo que seria el cuerpo de la pagina o wrapper o lo que sea. Me gustaría que lo que es el cuerpo se extendiera según el tamaño del Sidebar no que sobresalgan! >_<

    Y el otro problema que me salió cuando estaba intentando arreglar eso es que al quitar los sidebars, lo que es el post que deberia ir debajo de la página de comic se coloca arriba del todo y detras de la pagina de comic:
    Captura de post descolocado

    ACLARO que la pagina de cómic la tengo centrada con:

    .post-webcomic { 
   position: relative; 
   top: 0px;
   left: 10%; 
}

    Me he fijado que la posición que adopta el post es como si la página de comic estuviera puesta a la izquierda y el post a continuacion al lado.
    Al tener la pagina centrada la pagina se pone por encima.
    Pero es que antes esto no pasaba, el post siempre estaba debajo de la pagina de comic!
    La unica manera de colocar el post debajo de nuevo es escribiendo una linea de texto que sea suficientemente larga como para que se coloque debajo o poniendo el sidebar de nuevo.
    Texto largo y con sidebar

    Pero quiero tenerlo bien puesto porque aun no se como o si pondre el sidebar o no al final. >_< Me he pasado toda la noche intentando arreglarlo y no hay manera….

    Os agradecería muchisimo si me podéis ayudar… Siento si he escrito demasiado o puesto algo mal.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Ayuda con Webcomic + Inkblot’ está cerrado a nuevas respuestas.