Note: Gallery CSS is only available to subscribed members.

So I've figured out how to do the CSS Styling on the Gallery, and it wasn't the easiest to figure out, took quite a bit of peeking, and because of this, I'm here to share some tips on how to style your Gallery. Unfortunately I don't have any images to show you, but I will try and make it as simple as I can when explaining.

To add a CSS style to your gallery, you can only do them the folders, not the main gallery, so go to your folder and click on Edit, then click on Options and Style, you should now see a text box for your CSS to go in. In order to know what each element does, I would suggest in using it, then click on OK, then open up the styles box again and do the next part so you can see what is what. I'm going to start with the main elements for this How to just to get you started.

body
This is what controls the background, fonts and colours. Say you wanted a black background with white text with the font arial.

body{
background: #000000;
color: #ffffff;
font-family: Arial;
font-size: 12px;
}

div.folderview-top
This is the div tag that surrounds the folder title and description, things may get a lil complicated on this one so I'll leave any examples, but others you could do are backgrounds?

div.folderview-top h2
This is the folder title.

div.folderview-top h2 {
color:#2f4e85 !important;
font-weight:100;
}

div.folderview-top .description
This controls the description of the folder.

div.folderview-top .description{
padding: 0 0 20px 0;
border-bottom: 1px solid #8992a2;
}

This will add a 1px line 20px below the description, I have it like this because I've styled mine to allow the folder title and description to be above the thumbnails instead of left or right.

div.folderview-art
This is the area where the thumbnails are shown, so maybe a different background or something? There isn't really anything I can show you an example for.

------------

That's pretty much it, if you use those then you should have a styled gallery. Watch out for the next one where I'll show you how to get the title at the top and the thumbnails below them.

------------

Helpful Links:
Learn CSS
CSS Guide
Colour Schemer
Colour Picker

The colour tools will give you the hex code which is what you need to use. It's the 6 alphanumeric characters to make up a colour.