Dear Sofia @sofiapapa08

If its going to be different text on each project then coding in for every image would take ages - Therefore using something built in is better - like captions.

Then you only have to target the captions <div> and make it appear on hover but the data inside (text) will be called automatically for you.

The principles of the example you provided: https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip

Are the same that you would use to make the captions appear
visibility:0 to visibility:1

or

opacity:0 to opacity:1

or

display:none to display:block

Also for help:
https://laytheme.com/documentation.html#custom-css-styling

Best wishes :)
Richard

Dear @max_muster

Have you since changed your menu layout, or still require help? i see that its been moved underneath the Banner.

Best wishes
Richard

Dear Karim @karimus1888

Im having trouble accessing your site :)

Screen Shot 2021-03-03 at 12.55.52 PM.png

Best
Richard

Dear Michael @MickeyOne

Cool! :)
Happy that its working again and you can continue with your project!

Best wishes
Richard

Dear @paulcalver

Cool! :) glad that its fixed, thanks for providing a follow up / conclusion.

Best Wishes
Richard

Hi @CaryA

Just to be sure, am i right that you wish to keep the Grid but find a way to wrap it in a container <div> ?

<div class="created-custom-container"> <div id="grid" class="grid"> </div> </div>

Talk soon & best wishes :)

Richard

Dear @axeldemarteau

To be sure before progressing :)

Wordpress, Lay Theme & Laytheme's Addons are all up to date ? Any Custom CSS or JS that may interfere is temporarily removed. Any third-party plugins de-activated to see if this resolves the issue. If using a WordPress Cache plugin, disable it or clear your cache. License key not activated - (in website blank situations or button not available) If your WordPress Dashboard shows a warning "PHP Update required"
please update your PHP version in your webhost control panel. Additionally please take a look at https://laytheme.com/troubleshooting.html for known problems.

Hope this helps & best wishes :)

Richard

Thanks for the answer!!!

Yeah I did it for the menu but it’s more difficult with polylang. Do you have an idea?

Dear @kl

No worries :)
Best of luck with the rest of your project!

Richard

Dear Marco @Marcoyassas

This may help :)

https://stackoverflow.com/questions/12397287/change-cursor-when-div-scrolls-up-or-down

I would start with that if possible

Best wishes
Richard

Dear @Elt01123

This is likely a setting of the Language plugin used where it will remove the current language.

However this could be done with a custom menu link created in > Appearance > Menus > Choosing 'Custom Links'.

The languages work by creating a copy of each page and setting a URL address that matches. in this case the URL:

https://andreaguccini.com/it/homepage

/it/ = italian

There is also a:
https://andreaguccini.com/en/homepage

/en/ = English

With this knowledge you can just create your own links to switch between English or Italian ( or any other language you have applied )

Hope this helps and have a wonderful day

Richard

Dear @varina

The Row gutters are Margin percentages that are applied to each row - If your 'Row Gutter' is set to 5% then each row will have a 'margin-bottom' of 5%.
This unfortunately means that a row gutter is not a solid 'area' that can have a background colour applied to it.

https://www.w3schools.com/css/css_margin.asp

However from a design point of view there may be ways that you can trick this, one option being a 'border'
https://www.w3schools.com/css/css_border.asp

Here in this example i have set the row gutter to 0% but am using the border property to create a divide between rows - but the nice thing about a border is i can set a colour:

Screen Shot 2021-02-27 at 12.48.09 PM.png

To make things easier - in the Gridder layout i right-clicked the row and gave it a class using - Edit HTML class & ID.

I set the class to 'border_row_one'.
With that i applied the Custom CSS:

.border_row_one { border-bottom: 50px solid aqua; }

You can use other CSS unit than 'px' like 'VH' (viewport height)
https://www.w3schools.com/cssref/css_units.asp

For more information on using Custom CSS within Lay Theme check out the documentation page:
https://laytheme.com/documentation.html#custom-css-styling

Hope this has helped point you in the right direction and have a wonderful day :)

Richard

Dear @fr

The issue being that you cannot get the blurry backdrop or above code appiled, to work on Safari/mobile?

Are you able to post a link to the website also & any other relevant information :)

Best wishes
Richard

Dear @alina-feske

This is actually a trick! :)

Its just a background video:
https://leberg.com/wp-content/uploads/2020/06/le-berg-landing-vid.mp4

Best wishes
Richard

Hi there, having similar issues here with the scroll to anchor. Thanks @MaxWinter for sharing this. Scrolling works fine on Desktop when I select a submenu, it smoothly scrolls to an id. However I can not get it to work on mobile. Nothing happens.

Also I need to set up a different offset for desktop and mobile due to the site's layout. Any ideas?