@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!