Lay Theme Forum

@thechaosroad yeah i understand, maybe this feature will happen someday.

@thechaosroad i suppose for a work around instead of using an element grid you could just place each image individually on the grid over multiple rows and right click the image and click the turn off lightbox.

@thechaosroad hey, right click your element grid and click 'turn lightbox off'. Hope that helps.

Don't think you can turn individual images on and off in an element grid.

hey, this might be relevant but I recently discovered you can add html directly into the page/project title in the editor. So if you paste in a bullet point into where you type your project title (above the permalink) it should show up on the project index, like this:

• My project title

or

✱ My project title

There are bunch of different symbols here you can copy and paste: https://www.piliapp.com/symbol/bullet-point/

Hope that helps!

@abc Page Overlays, you can activate them in 'lay options' > 'lay options' and then there will be settings at the bottom right in the page editor next to the grid.

ahh yeah sorry I just tried myself and it didn't work, I thought that would work for a whole row. If you add the code to the grid id (#grid) it rounds the bottom of the website but not the top, hmm you might want to ask @arminunruh for help.

do you have a link to your website?

hey if you right click the row on the gridder and give it a class like, 'roundcolour' and then in css type this:

.roundcolour {
border-radius: 20px;
}

Hope that helps!

@arminunruh thank you so much, this works perfectly!

i've found if I add a <br> in the title it breaks the text into two lines, perhaps there is a cleaner way of doing this?

hey @arminunruh

any way of displaying the project title on the index over two lines whilst using the 'columns' option?

at the moment a few of my client's projects have really long titles and categories and I think he would prefer that the full title is visible but currently it seems it can only stay on one line with ellipsis.

Thanks!

Alasdair

hey, I just tried felix's code and if you take out 'desktop' it should work as I just tried it in inspector. Try this:

.cover-content {
display: none !important
}

hey, if you reenable the mobile layouts option and then delete the mobile layout from every other page but keep that page with the mobile layout. Hope that makes sense!

amazing work as always @arminunruh :)

and yeah I totally agree with you there on how great that there is still some free software out there, and yeah there are far too many subscriptions now!

hey, I saw Woo are beginning the process of some major changes, you might have seen their new branding etc and it looks like they are updating the functionality of WooCommerce too. More info here: https://woocommerce.com/posts/introducing-the-new-woo-brand/

Anyway I found this other blog post which might be relevant to this topic and hopefully this means they will make the card checkout more customisable: https://developer.woocommerce.com/2024/12/16/modernizing-the-woocommerce-payments-experience-technical-changes-ahead/

hey, actually it's the other way round haha! The top screenshot is how the carousel looks now. If you click the transition dropdown there are more options there and or if you click more options down the left side then even further options will appear depending on what type of carousel you want. Hope that makes sense!

hey, add !important; after the 5, like this:

z-index: 5 !important;

I tried it in inspector and it works. Hope that helps!

@leandrodisler might be because your .ph class has border-radius, maybe try changing that to 0px? the .ph class seems to be invovled with project thumbs so might be why.

@leandrodisler hey if you right click the thumbnail grid on the gridder and give it a class called 'noround' and then in css type in:

.noround img {
border-radius: 0px;
}

That should do it.

@mathias_k hey, if you activate "Scroll Transitions" and
"Activate on Scroll Element Transitions" in Lay Options it should work! :)