Custom Css For One Particular Page

General General Questions
1

I want to style certain pages separate from the the rest of the website and the main CSS rules. How do I do this? Thanks

Basically on this page, I want to turn all the orange into blue. :)

2

You can create separate layout page for this page and and HTML block with < style > tag

https://www.w3schools.com/tags/tag_style.asp

3

I have tried a few different code variations, nothing appears to have any affect.

I've tried

.top-menu-mobiles {background-color: #15a4de;}
and
top-menu-mobiles {background-color: #15a4de;}
I just get a syntax error appearing where the block is.
4
and...
top-menu-grid {background: #15a4de;}
5

You use incorrect class names. For example, try

.ty-menu__items {
    background: green !important;
}

http://prntscr.com/fxn1rn

6

Thanks! Managed to sort the whole page now. Cheers again.

7

You are welcome! :)