Irregular Grid

[Ernossdaboss]

Hi,

Hope all is well. I am trying to create an irregular grid like the one presented on this demo: https://art.seatheme.net/portfolio3/

I have installed the demo content but can’t find that page anywhere or a version of an irregular grid or an option to create one.

Please could you let me know how to do this?

Thank you,
Ernie

[SeaTheme]

Hi,

Please use the “Insert Template” to create this layout, refer to https://doc.seatheme.net/sea-content-builder-plugin/template
(there is the template: https://www.dropbox.com/s/dtwvgbl417bw6wk/qq20200321-101306.jpg?dl=0 )

ps:
Please make sure the theme version is 3.x, the BM content builder plugin is 3.x

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Ernossdaboss]

This reply has been marked as private.

[SeaTheme]

Hi, welcome

The v3 is a major update, please read this article before update to v3(many of content need to be rebuilt) https://doc.seatheme.net/theme/art/update-from-version-2-to-3/

The populate rule was changed in V3, please create a real webpage, create the Grid module by the builder. Select this page in the theme options, screenshot: https://www.dropbox.com/s/gx82ali1t5x3b09/qq20200323-104002.jpg?dl=0

[Ernossdaboss]

Hi,

I’m back on finishing this site. I’m unsure as to what you mean, I selected those options but all that does is show the icon which shows the homepage when clicked? It doesn’t actually fill the irregular grid with content from my portfolio?

I have now manually edited the grid by inserting thumbnails and then having it link to the portfolio items, which isn’t ideal, is there another way?

Also a couple of things.

1. On some portfolio pages, the header section has a huge margin at the top for no reason.
2. On some pages with text on the text is really far away from other content and has some kind of padding on the top side again, I am unsure as to why this is.

I have included screenshots of both examples.

https://www.dropbox.com/s/rdy5jffm5ntwak7/screencapture-andypilsbury-2020-03-13-something-different-new-clothing-line-caleb-anderlight-2020-04-20-16_04_57.png?dl=0

https://www.dropbox.com/s/2w02iuyvxwi8zbq/screencapture-andypilsbury-struthers-watchmakers-2020-04-20-16_07_17.png?dl=0

Please let me know if there is a fix for this.

Thank you,
Ernie

[SeaTheme]

Hi,

I selected those options but all that does is show the icon which shows the homepage when clicked? It doesn’t actually fill the irregular grid with content from my portfolio?

Did you talk about the 9-dots icon( https://www.dropbox.com/s/vw7enq7akblwnhu/qq20200421-095929.jpg?dl=0 )?

The irregular grid is created manually by several Single Image modules. There is no other better solution.

1. On some portfolio pages, the header section has a huge margin at the top for no reason.
2. On some pages with text on the text is really far away from other content and has some kind of padding on the top side again, I am unsure as to why this is.

Please leave the issued page URL, I need to check the lived webpage. Thanks

Best

[Ernossdaboss]

This reply has been marked as private.

[SeaTheme]

Hi

For the header icon( 9-dots icon), please create a page for it(i have created a page named “Head icon to show”), go to theme options, pick up this page: https://www.dropbox.com/s/u9u0q4wt9yb5q8h/qq20200422-111638.jpg?dl=0

I added the custom CSS to remove the margin:

@media (min-width: 768px){
 .header-sticky-none:not(.page_from_top).ux-header-hide-body #wrap-outer {
    padding-top: 0;
}
	body.single .title-wrap:not(.fullscreen-wrap)  {
    margin-bottom: 0;
 }
	body.single .title-wrap-tit {
    margin-top: -45px;
}
}

body.single .article-meta {
    display: none;
}

@media (max-width: 767px){
 .responsive-ux.show-top-space #content {
    padding-top: 100px;
 }
}

Best

[Author]

Posts