Hello

The CSS you have used is correct. Presuming that you have multiple template styles, check that you have added the Custom CSS to the correct template style for your homepage.

Ciarán

I have just one template, so maybe there something else in the custom CSS which is causing the problem:

body {
background-image: url(images/web/Footer_Butterfly.png);
background-repeat: no-repeat;
opacity: 0.8;
background-position: left;
}
.item-101.active {
background-image: url("https://dayservices.scottsproject.org.uk/images/web/Roof.png";
background-repeat: no-repeat;
background-position: 15px 0px;
}
.item-121.active {
background-image: url("https://dayservices.scottsproject.org.uk/images/web/Roof.png";
background-repeat: no-repeat;
background-position: 15px 0px;
}
.item-122.active {
background-image: url("https://dayservices.scottsproject.org.uk/images/web/Roof.png";
background-repeat: no-repeat;
background-position: 15px 0px;
}
.hornavmenu {
left: 274px;
position: relative;
text-align: left;
margin-top: 50px;
}
.maincontent {
margin-top: 50px;
)
#footermenu ul li a {
color: #555555 !important;
}

I think it might be something to do with the additional margining I've used to lower the menu...

Hello

Nothing there that should cause you any issues. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you

All should be well now. Your issue was the '.maincontent' property ending in a '(' rather than a '{'. Always the little things!

Ciarán

Magic. Sincerest apologies for my elementary error!