Soporte » Diseño – Temas y plantillas » Margen página principal Sydney

  • Hola,muy buenas a todos.

    Estoy usando el tema sydney, para crear una landing page, algo muy simple sin menu ni comentarios, estático.

    De las plantillas de páginas que más me gustan es la página principal pero en el celular no me deja nada de margen y queda muy feo y dificil de leer.

    en page-templates tengo

    plantilla de página Frint Page

    page_front-page.php

    get_header(); ?>
    
    	<div id="primary" class="fp-content-area">
    		<main id="main" class="site-main" role="main">
    
    			<div class="entry-content">
    				<?php while ( have_posts() ) : the_post(); ?>
    					<?php the_content(); ?>
    				<?php endwhile; ?>
    			</div><!-- .entry-content -->
    
    		</main><!-- #main -->
    	</div><!-- #primary -->
    
    <?php get_footer(); ?>

    Donde puedo modificar para agregar el margen, desde ya muchas gracias!!!

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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    No tienes que modificar los archivos de plantilla, el aspecto se consigue con reglas de CSS. Si añades este código al CSS adicional del tema lo consigues:

    .entry-content {
        padding: 0 1em;
    }

    Le añades un espacio de relleno al contenido, si quieres que se aplique solo a la versión móvil tienes que jugar con las media queries, pero realmente no te vale la pena la complicación.

    Comenta si tienes alguna duda y, por favor, recuerda marcar como resueltos los debates que tienes abiertos, así nos ayudas a mantener el foro al día.

    Iniciador del debate maurif2

    (@maurif2)

    Hola, muchas gracias Jose Luis,

    Probé la solucioón que me pasaste y funciona en el margen de la página, pero le agrega margen a todos los elementos, los videos y fotos y queda medio feo. De qué manera puedo agregarle solo al margen de la página.

    Saludos!

    Moderador Jose Luis

    (@jose64)

    Hola.

    Puedes especificar los elementos sobre los que se aplica, para aplicarlo solo en los párrafos (es lo que entiendo que quieres hacer) debes cambiar el código por este:

    .entry-content p {
        padding: 0 1em;
    }

    Así le indicas que se aplique solo a los párrafos.

    Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.