Hi there, I was just wondering if anyone knew of a guide for altering the site layout using custom CSS.

Mainly, I am trying to figure out how to alter the colour of the background to something darker and change the colour of certain buttons to the default blue. I just can't figure out the different tags that distinguish the different site features I am wanting to alter.

Sorry if I am not using the right language to explain my query. I have little knowledge of coding and am only use basic HTML code for my profile so I'd be happy with any help that points me towards the right direction.

Cheers and happy Lumi! :)

Haaaaave you met the Profiles and Graphics Discussion forum? Best wingman you could ever have.

https://subeta.net/forums.php/forum/44/Profiles-amp-Graphics-Discussion

Of notable use: Useful Profiles and Graphics Threads (Which is like a treasure trove of info like what you seek.) Useful Custom CSS Builder - Neatful tricks that you didn't even know you wanted but can't live without

Also, if you like to figure things out for yourself, and you're using Chrome, all you have to do is right click on a page and select "Inspect". Then you can click on any element on a page (after you click on the thing that looks like a box with a mouse clicker), and it will give you both the html code in the upper box and the CSS code in the lower box. This is a bit tricky though and takes some getting used to.

And to answer your specific question, it depends on what background you want to change. If the main body background, use the body {background-color: ;}

If you mean the kinda middleish background, you want this {background-color: ;}

Of course, in both codes you'll want to change the with the hex code of the color you want.

[Edit]I just saw your question about buttons. I'm afraid in that, you're gonna have to be more specific. :)

:o :o :o THAT WAS PRECISELY WHAT I NEEDED !!! THANK YOU!!

Thank you for those links to those topics they had all the guidance I was looking for and that custom CSS builder was amazing, I didn't even know those website fixes were even possible! Ugh, I am a coding noob so the inspect element bit really helped me figured out what was what.

I still can't figure out the button bit though. I am using the Lumi site layout and some of the buttons ("buy" button for NPC shops in shop search; "move or recatergorize items" button in vault were two I found) are a weird pink colour that makes the writing unreadable until I hover over it and then they turn back to their normal colours.

for that particular "buy" button in shop search would be .btn.btn-primary.btn-sm. from there you can modify the usual background, font and border. you can check most items to css it by right-click on particular item you want to modify and inspect element it. it will highlight directly to the right code. from there, you can pick it up, it usually labelled with "class" [edit] on more general button edit. .btn will work although it might affect buttons that you dont want to.