Lay Theme Forum

@Richard
Here is the Link:
https://bit.ly/3y5Kwjs

Best

have a problem after the last update:

I use the thumbnail grid to show news articles. So that not all news articles are displayed, I have limited the number by CSS and always show the first 2 rows.

This has always worked so far. Only now the .thumbnail-wrap simply move out of the parent-class and are displayed below each other. I don't understand it exactly because all suddenly all .thumbnailgrid-row after the first 2 disappear.

Example of what it looks like without CSS:

<div class="thumbnail-collection">
  <div class="thumbnailgrid-row top-aligned">
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
  </div>
  <div class="thumbnailgrid-row top-aligned">
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
  </div>
  <div class="thumbnailgrid-row top-aligned">
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
     <div class="thumbnail-wrap" style="..."></div>
  </div>
...
</div>

so everything looks right, now I want to show only the first two rows and enter the css (worked before):

div.thumbnailgrid-row:nth-child(n+3) {
    display:none;
}

then the code breaks and it looks like this:

<div class="thumbnail-collection">
  <div class="thumbnailgrid-row top-aligned">
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
  </div>
  <div class="thumbnailgrid-row top-aligned">
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
    <div class="thumbnail-wrap" style="..."></div>
  </div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
  <div class="thumbnail-wrap" style="..."></div>
...
</div>

so after the first 2 rows, all thumbnail-wraps are displayed one below the other. don't really understand this if i'm honest....

is there a solution?

Best R

hey!

i would like to use the blur effect as you can see in the project thumbnails (images) but i don´t want to use it on images, i want to use it on all text-links of the website, including title, nav, project thumbnails and text.

do you think it´s possible?

i tried to give the "a:hover" class the blur effect but also the linked images get blurred now ;-) ... is there another way to make only the links blurry?

cheers r

hey marius!

thanks for you answer!

can you please give an example how to do it?
i have some knowledge about jQuery and css but a simple hint how to use it or better what exactly i have to do would be great!

i think this could be also interesting for others...

thanks in advance

hey!

i have the same question... i have the fullscreen slider with fading effect and want to use autoplay like the carousel...

is there any possibility to use the fullscreen slider addon with autoplay function?

thanks for your reply! :-)

hey marius,

yes i now how to put something in the header. but the problem i see is that every page gets his own navigation. i mean on one site you have the navigation "back video info" and on the next page you have "back video gallery making of info" and so on... do you think it´s possible to do it in the header? if yes, how?

thanks for your fast reply!
r

hey marius,
of course i can
http://bit.ly/2sX5pLa

what i want is that the text element in the bottom (navigation) and the title on top stay like the fixed position of the "next project" button. but the problem is that i can not put it on the footer etc. i want to manage the menu points individually for every project.

hope you can help me with it :-)

g ruven

hi!
i have a little question. i would like to insert a sub navigation on the project sites (each individually) where you can scroll through the page, wich is in fullscreen slider mode.

it´s a text element where the links are in and i would like to fix this element like the standard menu on bottom of the page. i tried it with custom css

.fixed {
position: fixed;
top: 100px;
left: 200px;
z-index: 10;
}

.fixed a {position: fixed;}

and added the class to the text element on the project gridder site. but nothing changed, the text is still scrolling and not fixed.

What did I do wrong?

best r

hi marius and armin, are there any news with the filter function? it would be great to have more than one category to eject. the sample from meiré meiré is great! i would like to use the "thumbnail grid" and want to show on the frontpage a selection of projects. it would be great if you can help! and by the way i don´t use the "next project" button, i only want a new category where i can put in selected works.
cheers r

Help me please!
all is away backend + frontend!!!!

hey armin,

is it possible to get a fade option for the fullsize slider? maybe the same as the carousel? i tried to use this but there isn´t a function to use the carousel as a fullsize background. it would be very famos if you could help me.

cheers!