Left side cladding on all pages other than homepage(masonry)

  • Hello,

    I have two questions about working with this theme. I would like to know how to increase the padding on the left side of the page and decrease the right sidebar width, but still keeping a sidebar. I would just like the blog post content to start less close to the left edge of the screen, and the images to be shifted right slightly (not centred as eventually I will add content in the sidebar). Is there a way to do this? I would also like to add a few words / post extract under the headings on the homepage. With masonry style, it doesn’t seem to have the option for text extract. Is there a way to add this? Thank you so much to anyone who can help me!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello there,

    ?Please accept my apologies for the delay in response. I really appreciate your patience.

    > I would like to know how to increase the padding on the left side of the page and decrease the right sidebar width, but still keeping a sidebar. I would just like the blog post content to start less close to the left edge of the screen

    If I could get it correctly, you would try adding this below CSS code to your site’s Additional CSS under the Appearance > Customize. 

    
@media only screen and (min-width: 576px) {
	 body:not(.home) .site-content > .container {
		 max-width: 100%;
	}
}

    Let me know whether it helps for you or not.

    > and the images to be shifted right slightly (not centred as eventually I will add content in the sidebar)

    Image alignment can be managed from the settings which are appearing when click on the image in the block editor.

    > I would also like to add a few words / post extract under the headings on the homepage.

    Currently, the excerpt doesn’t show when the masonry layout is active.

    You can show it by overriding the template-parts/content.php file with a child theme.

    Edit your chid theme’s template-parts/content.php file, replace these code block:

    
<?php if ( $layout['type'] != 'layout-grid' && $layout['type'] != 'layout-masonry' ) : ?>
  <div class="entry-content">
    <?php the_excerpt(); ?>
  </div><!-- .entry-content -->

  <?php if ( $read_more != '' ) : ?>
  <footer class="entry-footer">
    <a class="read-more-link" href="<?php the_permalink(); ?>"><?php echo esc_html( $read_more ); ?><span class="gt">>></span></a>
  </footer><!-- .entry-footer -->
  <?php endif; ?>
<?php endif; ?>

    with: 

    
<div class="entry-content">
	<?php the_excerpt(); ?>
</div><!-- .entry-content -->

<?php if ( $read_more != '' ) : ?>
<footer class="entry-footer">
	<a class="read-more-link" href="<?php the_permalink(); ?>"><?php echo esc_html( $read_more ); ?><span class="gt">>></span></a>
</footer><!-- .entry-footer -->
<?php endif; ?>

    I hope this reply helps.

    Let me know in new topics for your other questions.

    Regards,
    Kharis

Viewing 1 replies (of 1 total)
  • The topic ‘Left side cladding on all pages other than homepage(masonry)’ is closed to new replies.