Tagged: x
-
AuthorPosts
-
November 9, 2016 at 7:54 pm #1251003
willpursellParticipantI 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/
November 9, 2016 at 11:04 pm #1251154
FriechModeratorHi 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!
November 14, 2016 at 1:04 pm #1256836
willpursellParticipantYes, 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.
November 14, 2016 at 8:08 pm #1257358
FriechModeratorHi There,
You can add this under Custom > CSS in the Customizer.
.single-post .x-container.offset { width: 100%; max-width: 100%; }Thanks.
November 15, 2016 at 6:48 pm #1258746
willpursellParticipantNice, 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?
November 15, 2016 at 11:57 pm #1258980
RupokMemberHi 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!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1251003 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
