grid page appearance
-
Hi there,
Can someone help to modify the appearance of my grid page to make appear two pages by row instead of three?
Thanks in advance,
ehabThe blog I need help with is: (visible only to logged in users)
-
Hi there, this is difficult to do given that the length (or lack of content shown in the pages in the grid) can mess up the alignments. You can add this to your custom CSS and see what I mean.
.grid { width: 470px; display: inline-block; }There would also be some additional CSS required, but you would first have to add content to all of them in order for us to see what would be needed exactly.
-
I just checked things on the Goran demo site with the code above, and it may be that we can’t get it to go only two columns.
-
-
This is a bit complex, but add the following at the very bottom of your custom CSS and see what you think. I’ve not yet been able to get the page modules to center when it goes to one column at 1229px. I’ll keep looking at that though.
.grid:nth-of-type(2) { margin-right: 0; } .grid:nth-of-type(3) { clear: both; margin-right: 72px; } .grid:nth-of-type(4) { clear: right; padding-top: 0; border-top: none; margin-right: 0; } -
There is something like an espace between the third “Expérience” and the fourth page “Engagement”. No?
-
It worked my Happiness Engineer! I don’t know how to thank you man!
Look to the result of your input http://www.marketinghumain.com -
Woohoo! Glad to have been of help. Add the following which will take the .grid section to full width at 1229px and narrower, which is when things go to a single column.
@media screen and (max-width: 1229px) { .grid { width: 100%; } } -
-
- The topic ‘grid page appearance’ is closed to new replies.