Lay Theme Forum

@Richard Thank you so much for your support with this. I appreciate you taking the time to assist me. It turns out it was a faulty plugin - Jetpack had auto-updated and this is what threw everything out. I have now deleted Jetpack and all is well again.

The restore from backup still hasn't fixed the issue. Could it be related to updating php and is this a known issue?

Hi Armin,

A client's site www.marsdenwoo.com is suddenly showing all carousel images as offset to the right by different amounts in every frame. The glitch affects all carousels in the site.

I am restoring a previous backup of the site to try to get rid of it, so when you check the link it may look normal, but I'm concerned it will happen again and I have no idea what caused it.

See screenshots enclosed - all carousels are supposed to be properly aligned with margins to the left and right, not overlapping or falling off the edge of the browser window.

Can you please let me know what has happened?

Thanks,
Alida

@mariusjopen said in Underline for active menupoint won't change colour with custom CSS:

nav.laynav .current-menu-item>a span {
border-bottom-color: white;
}

Thank you so much Marius, that is perfect! For anyone else with the same issue, I just had to add body.slug-page-title in front of this to point it to apply to a specific pages. All the best, Alida

Hi Armin and Marius,

I am working on a home page for a website where the menu text is white instead of black as it is on all other pages. I followed your instructions in Documentation 'CSS based on current page', but the underline for the active menu point is still showing as black, not white. I have tried several times to fix but nothing works.

Here is the page: http://originalprojects.co.uk/category/now/ ...you will see Now is still underlined in black, but I want it to be white. I am using Chrome.

This is the code I have in custom CSS:
/* navigation /
body.slug-now nav.primary a{
color: white;
}
/ navigation /
body.slug-now nav.primary a{
color: white;
}
/ navigation mouseover /
body.slug-now nav.primary a:hover{
color: white;
}
/ navigation mouseover underline color /
body.slug-now nav.primary a:hover span{
border-bottom-color: white;
}
/ navigation transition */
nav.primary a{
transition: all 600ms ease;
-moz-transition: 600ms ease;
-o-transition: 600ms ease;
-webkit-transition: all 600ms ease;
}

Could you please advise how to fix this?

Thanks very much,
Alida

Here is my website made using Lay theme: http://alidasayer.com/

Hi Armin/Marius,

A page on my client's website has stopped working properly, could you please help? When you click on the project (artist) thumbnails on this page: http://marsdenwoo.com/category/artists/ they should open the relevant project (artist profile), but this does not happen any more. It changes the URL in the address bar to the correct link, but the page doesn't load.

I have tried updating all plugins, Lay theme, theme add-ons and updated to the latest version of Wordpress but this has made no difference. I also deleted the original artists category and rebuilt the page but it still has the same problem. Do you have any suggestions for what could be wrong?

Thanks very much,
Alida

Thank you for your reply Marius - I actually managed to do it using CSS! For anyone who may find it useful, here is how I entered the code in custom CSS:

body.slug-pagename {
background: #eaffff;
background: linear-gradient(270deg, #ffffff, #eaffff, #fdffeb);
background-size: 800% 800%;

-webkit-animation: gradient-title 21s ease infinite;
-moz-animation: gradient-title 21s ease infinite;
animation: gradient-title 21s ease infinite;
}

@-webkit-keyframes gradient-title {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes gradient-title {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes gradient-title {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

Hi Armin,

Still really loving Lay Theme! I'm just wondering if you could please give instructions for adding an animated gradient background via https://www.gradient-animator.com/ ? I have seen a few topics discussing this but cannot find clear instructions for how to do it.

I understand it can be done via CSS but tried to copy and paste code into CSS editor and it doesn't work. I'd like to apply the gradient to selected pages of my site.

Thank you!

Thanks so much for your help Armin, that is brilliant and of course works just fine. My client will be delighted we can go live now! Lay is a brilliant theme, I'm planning to use it across a number of projects and have been recommending it to others. All best!

Here is a screenshot from customiser:

Hi Armin, Marius, I am trying to change the site title to text in mobile version but it won't show up. I previously had an image there but that won't show either now. Only a blank square placeholder appears in the top left hand corner. I am on a tight deadline with this project so any advice on how to fix this would be really welcome! Thanks, Alida
Here is the temporary url for the site I'm working on: http://whub55.webhostinghub.com/~marsde7

I also notice that the text is responsive in this example?

Hello Marius, I'm also trying to implement a full screen carousel but am struggling. I would like a full screen carousel to responsively fill the screen so the image is not cut off at the bottom, with a floating 'close' button in the top right like this example: http://www.querida.si/wet-poster
Could you please explain how is this done?