[Xenbros] Grid layout for node without addon

[Max Taxable]

I created a new style for grid, I am happy now.

Looks sharp. But, same problem I reported earlier:

As far as the code itself goes - I'm still seeing browser compatibility issues with it. It seems like some browsers are ignoring this code completely.

Example with Chrome:

 

[Abraham54]

@Manster54 - Delete all the cookies of piepcomp.nl and then visit my forum again.
Provbably then you will see the grid-layout.

I myself don't use anything from Google, but I have Opera en Edge Dev as chromium substitutes.
In Opera I allways need to clear the history, to see the actual changes I made, when developing a theme.

 

[Max Taxable]

@Manster54 - Delete all the cookies of piepcomp.nl and then visit my forum again.
Provbably then you will see the grid-layout.

I myself don't use anything from Google, but I have Opera en Edge Dev as chromium substitutes.
In Opera I allways need to clear the history, to see the actual changes I made, when developing a theme.

It's not a cookie issue, it's a browser compatibility issue with the "grid" CSS usage. It's why your styling devs such as PixelExit and such, don't use "grid." It's fairly new and hopefully it's mostly older browsers that don't render it as we go further down the road.

 

[Abraham54]

Do you use the actual Chrome version and why have users on my forum no problem using Chrome?

 

[Max Taxable]

Do you use the actual Chrome version and why have users on my forum no problem using Chrome?

Here's the compatibility chart. Tells you what browsers currently support GRID and are likely to render it correctly.

Can I Use css-grid? Data on support for the css-grid feature across the major browsers from caniuse.com.

It's just reality, GRID hasn't been widely adopted yet. So, some people aren't going to see it.

 

[Abraham54]

My members with Google Chrome see the grid.

From Google Chrome version 58 on, Google made grid available for Chrome.
The actual version of Chrome is 77.0.3865.90

 

[Abraham54]

Now that my forum is moved to a new host with plenty memory and processor cores, my forum has no problems any more.

 

[Abraham54]

I have adjusted Doh's Royal to my taste and fit the style with Grid.

I like to have the shadow removed, but don't know how to do that - see picture:

 

[hemant_bhardwaj]

I have adjusted Doh's Royal to my taste and fit the style with Grid.

I like to have the shadow removed, but don't know how to do that - see picture:

View attachment 214122

try to remove the box shadow css code you will get what you want'
code look like -
box-shadow: 0 1px 4px rgba(0,0,0,0.06);

 

[Abraham54]

Box -shadow removed, now the gridbloks have lost their shadows, but de shadow underneath the last two gridblocks is still present!

 

[Abraham54]

@hemant_bhardwaj - I restored everything again, because it was not the solution.
But take your time, this style is not yet allowed for user selection.
I plan to allow this theme for user selection a few days before Christmas.

 

[hemant_bhardwaj]

@hemant_bhardwaj - I restored everything again, because it was not the solution.
But take your time, this style is not yet allowed for user selection.
I plan to allow this theme for user selection a few days before Christmas.

.block-body {box-shadow:none !important;}
i tested it with your style and with default code just add this code of line

 

[Abraham54]

.block-container{background-color: #ffffff00;border:none;}

 

[hemant_bhardwaj]

.block-container{background-color: #ffffff00;border:none;}

View attachment 214133

check the post again i send the wrong screenshot

 

[Abraham54]

As in the working style as in Doh's style it is .block-container{background-color: #ffffff00;border:none;}

 

[hemant_bhardwaj]

As in the working style as in Doh's style it is .block-container{background-color: #ffffff00;border:none;}

View attachment 214138

delete all the previous reply that doesn't make sense.
i mistake add wrong code and wrong screenshot i updated to -
.block-body {box-shadow:none !important;}

 

[Abraham54]

@hemant_bhardwaj - this is what happened when this is inserted: .block-body {box-shadow:none !important;}

 

[Abraham54]

Unbelievable I misunderstood you.

.block-body {box-shadow:none !important;} must be additional inserted and then works.
Now it looks beautiful.

Thank you, Hemant.

 

[Abraham54]

Dear @hemant_bhardwaj - Doh's adjusted style is operational now since December 13th!

 

[Rasteri]

Hey, grid node layout isn't working. Any idea what i should change in code?
I am using paid theme called Pad. Maybe sidebar is too wide?

I had to alter code little bit: .node-stats width is currently: 130px;
Also max width of layout is changed to 1100px