Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1251003
    willpursell
    Participant

    I am trying to create an image grid (justified image grid) in full width on the blog while keeping the paragraphs within the site borders. All the full width options dont work on blog pages even using cornerstone.

    This is essentially the look I am trying to create, but with paragraphs above the images http://www.willpursell.com/weddings/

    #1251154
    Friech
    Moderator

    Hi There,

    Thanks for writing in! But was that your site or just an example site? Would you mind providing the page URL where you’re having the issue. We’ll be happy to provide you with a response once we have a better understanding of the situation.

    Cheers!

    #1256836
    willpursell
    Participant

    Yes, that is how I would like my blog to look, I’m trying to make just my grids full width on this page http://www.willpursell.com/blog/lighthouse-park-hycroft-pre-wedding (I will make thumbnails smaller to copy the other page once I can get full width.

    with blog pages you can’t go full width the same as pages I am looking to just make the one element full width while keeping my comments and text within the site borders.

    #1257358
    Friech
    Moderator

    Hi There,

    You can add this under Custom > CSS in the Customizer.

    .single-post .x-container.offset {
    	width: 100%;
    	max-width: 100%;
    }

    Thanks.

    #1258746
    willpursell
    Participant

    Nice, this makes the grid look how I would like but makes everything else full width as well. is there a way to only make the grid full width width (keeping titles, text and comments within the site borders?

    #1258980
    Rupok
    Member

    Hi there,

    You can’t make this fullwidth unless the container is fullwidth. So what you can do is adding padding for the other contents except the grid.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1251003 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>