Jump to content

Archived

This topic is now archived and is closed to further replies.

GetMeWebDesign

Masonic Gallery 4 column rather than 2?

Recommended Posts

GetMeWebDesign+    115
GetMeWebDesign

Any idea how you can achieve the four column Masonic Gallery that you see on DMS 2 is here! post on pagelines.com?

 

[attachment=2096:masonary.JPG]

 

I presume that requires a change to the php? 

 

I see this in the pl.masonic.js

 

if( windowWidth >= 1600 ){
numCols = 5
} else if ( windowWidth >= 1300 ){
numCols = 4
} else if ( windowWidth >= 990 ){
numCols = 3
} else if ( windowWidth >= 470 ){
numCols = 2
} else {
numCols = 1
}
 so shouldnt it default to more on larger screens?

Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

How is this showing on your site? by default i can get it to show 4 wide. Can we have a link please? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Martin Davies Tried on a couple of sites and decided I didnt like the two column look! (sorry edited post as you replied!)

 

Here is a page with it on... ignore the fact that there are few featured images as I am slowly building this site (although live) to replace another


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

The same can be said of pagelines examples on the Demo Tour for the masonic blog etc. Only showing two columns even when viewing the full width examples


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

what is the width of your browser? 

 

Standard width browsers are showing four columns for myself http://screencast.com/t/9IM0gnlU

 

Trying to understand how you are seeing two 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Browser is 1600px... how very odd? Looked in Chrome, Firefox, Safari and IE as it did occur it might be that.

 

Did you look at the site and see if it was showing four too?

 

They always start showing four for a brief moment before re-aligning to two with obvious white space

 

[attachment=2098:Cotswold Hunt Pony Club Masonic.jpg]


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Sorry i meant to add - i did see the link and do see four columns. http://screencast.com/t/RWQhnPNxxAcg

 

Are you zoomed in on your browser? 

  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Martin Davies That is ridiculous. So like any normal person I have it at 100%....

50%... five tiles/columns

67%... 2

75%...5

90%... 2

100%...2

110%...4

125%...3

150%...3

175%...2

 

WTF is going on! Thanks for the heads up on my wonky browsers and will make things a bit easier from now on  :D


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

So is this now resolveD? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Martin Davies. It is.... not that it explains the very odd behaviour of chrome! In firefox it displays 2 until I get to 110%, the  I get 4 and in IE have to wait to get to 125% to get to 4 from the lower 2

 

Feel a bit of an idiot of not thinking laterally that zooming in would give me a better view? Who would have thought it


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Occams Razoy ;) The simplest solution is usually the best. Although, it's the simplest things we never think of. 

 

It's not a problem - and that is some very odd behaviour.. 

 

Things to try = Disable browser extensions / plugins


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Tried disabling them, but seems to make no difference... Just view at 110% from now onwards :)


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites

  • Similar Content

    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
    • Susan
      By Susan+
      I have three items in my Masonic section. I would like them to center on the page. Here is the page on my staging site. What is the CSS code to do this? I don't see another option to handle this.
      Thank you.
       
       
    • Susan
      By Susan+
      Please tell me how to remove the date on hover from the Masonic section. The dummy for this page is here.
      An older post here showed the following for it (below) but it does not work (anymore?).
      #site .pl-center-cell .metabar { display: none; } Thank you.
       
       
    • FRevi
      By FRevi+
      I am trying to achieve a gallery (Envira Gallery plugin) that spans the full width of a page, within Platform 5 theme. Can't figure it out.
      The page should look roughly like this: www.frankrevi.photography/envira/favorites-2 (maybe minus the title, that's another story). This is a standalone gallery page and not part of my site. Nothing links to it.
      But instead it is this on the real page: www.frankrevi.photography/favorites.
      Currently I have the gallery in a Pagelines Framework Content section. My framework content wrap is set to unwrapped full width. I'm using all 12 columns. In Pagelines Settings, my Layout/Nav Content Width is set to 100%.
      How can I get the gallery on the real page URL to be the full page width please?
    • MissT
      By MissT+
      Hi there, the Filter By option within the Masonic section isn't working when a custom post type and custom category is selected.  If you swap to normal posts and categories then it works but sadly not with custom post types and custom categories.
      All posts are shown but when you click on the categories all posts disappear even though posts do have these categories. When you click All all the posts come back. I've tried this on two different websites with the same result.
      Many thanks in advance.
×