Laytheme V3 footers issue

[gdk]

same here... :(

[michaelmaeder]

I have similar issues. The overall CSS structure seems to have changed. A migration guide would be helpful in order to know how to change any customised CSS without the need to completely rewrite it from the ground up.

[mountainsuperstd]

Yes, can confirm. Individual footers selected via pop-up not working. General via Lay Options work though.

[arminunruh]

if you update lay theme again now it should work again

[arminunruh]

@michaelmaeder

the html structure needed to change for this new frontend to work.
there wont be a migration guide sorry

if you'd like to keep using the old version of lay theme and old versions of the plugins send an email to info@laytheme.com and i'll send you the files

[openair]

@arminunruh Thanks Armin, I re-updated and it's partially fixed. However it's not quite working properly.
It should be fixed at the bottom of the screen all the time; now it's only doing that on one page: https://holdsworth.studio/information/
It should also show as a white bar, and now it's only text, which actually visually goes behind other content (see linked page again)
Any ideas?
Thanks for your help

this is the code in my custom CSS:
#footer-region{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

[arminunruh]

hey can you update again?
if your css is in "custom css for desktop" or "custom css for footer" your custom css should work again now.

if it doesn't please use !important like:

#footer-region{
position: fixed!important;
bottom: 0!important;
left: 0!important;
width: 100%!important;
}

[gdk]

@arminunruh said in Laytheme V3 footers issue:

!important;

Hi Armin, I did the update and it doesnt work. So I added the !important into my custom css and it still does not work. Also I deleted all my cache in the browser. Thats my CSS:

::-webkit-scrollbar {
width: 0; /* For Chrome, Safari, and Opera /
display: none;
}
html, body {
-scrollbar-width: none; / For Firefox /
-ms-overflow-style: none; / For Internet Explorer and Edge */
overflow-y: hidden;
}
body{
margin: 0;
padding: 0;
min-height: 100%;
}
#grid {
height:auto!important;
}
#main-region, #footer-region {
width: 50%!important;
height: 100vh!important;
float: left!important;
overflow-y: scroll!important;
}

[openair]

@arminunruh This worked ! thanks Armin.
One new little glitch with it though: when the pages load up, the text in the footer initially seem to load in the colour Red for a split second. Any thoughts there?

[arminunruh]

well your css is loaded in the footer now thats why i think

if you want your css to be loaded upfront in head put it in "custom css" instead of in "custom css for desktop version" or "phone version" and then use !important

[gdk]

sadly it didnt work for me at all. I did the update and also try !important. @arminunruh

[arminunruh]

@gdk does your css not work?
or does the footer not show up at all?

[gdk]

@arminunruh dear armin - im using this construct of website which only works with your old version - https://gebhart.dk/wp-commerce

[arminunruh]

hey @gdk
I have no idea whats going on on that website, can you please send your /wp-admin/ login data to info@laytheme.com with a link to this topic and a link to your website?

[danielhager]

@arminunruh
Dear Armin
Same here. The Footer is behind the content with the new version:
Testsite: https://www.photography-film.danielhager.com/landscape/

Custom CSS:
#footer-region{
position: fixed!important;
bottom: 0!important;
left: 0!important;
width: 100%!important;
}

Thanks for your help.

Warm Regards
Daniel

[hddunlap]

I experienced the same issue. I was able to resolve it by giving the footer a position: relative and a higher z-index.

[danielhager]

@hddunlap
Thank you so much.
The "z-index: 10!important;" fix it.
Perfect

All the best.
Daniel

[mariusjopen]

Dear @danielhager
Thank you for helping!
We appreciate the time people take to make the LayTheme community stronger.
Best!
Marius