Hey all! Yep, I'm at it again. Slacking from school to bring you more advice about CSS. As someone with limited coding skills, I find my ability to understand this process useful to others who want to use it be feel it is out of their range. Now, many guides have been presented for Journal CSS but with the new addition of Gallery Folder CSS, few helps are there and you have to know where to look. I myself had a time trying to understand it all but with a little work I solved it. To save you all the trouble, I've decided to take a stab at writing another guide:

Gallery Folder CSS Guide
Featuring =33xiT's Official dA v5 gallery CSS

Update: This also "works" with the new Collection folders as they work on the same principle. The icons and page progress links don't work quite right and hopefully =33xiT will come out with something. So until then, go ahead make use the following to enhance your Collection Folders.

Alright, since this is a general guide, I'll start from the top. Gallery v2.1: New Features! first informed us of the new specs for subscribers and senior members. This added yet another reason to become subscribed to dA. (Hint-Hint!) As stated in the news article, the overall gallery features look like this:

'Everything' section replaced with a new Browse section
One-click reset/re-order your Featured deviations
Customized sidebar pictures for folders
Text-only and Icon-only mode for folder sidebar
Redesigned folder page: Text placed appears on left or right
Full CSS control on folder pages for subscribers and seniors (And enjoy the LIVE update of the CSS as soon as hit ok!)
Numbered pages
Scrapbook tab added

Getting to these options is easy but figuring out where to put the CSS confused even me; but that is why I'm writing this, in addition to spreading the word about this great little CSS nugget of joy that I don't think many deviants are utilizing. There are two F.A.Q. questions regarding the topic:

FAQ #760: Can I add CSS to my main gallery page?

We apologize but only the gallery folders have the option of being customized.

FAQ #671: How do I change the style of my Gallery Folders?
This is done by utilizing the CSS feature. To use CSS in your Gallery Folders you will first need to have a Subscription to deviantART or be a Senior member. If you fall under one of these categories read on.

To add CSS to your Gallery Folders you will need to visit the folder you wish to style and click on the 'Edit' button followed by 'Options', this will pop up the options dialog. Once this dialog pops up select 'Style'. Next you will need to click on the link entitled 'Add CSS...'. Clicking this link will drop down the field to enter your CSS code in to. After you're finished adding in your CSS code you will need to click on 'OK' to apply your changes.

Please be advised since CSS is an outside coding source the Help Desk will not be offering CSS support. If you have questions regarding CSS, please feel free to ask them in the Programming Forum.

Okay, my job is done! -lol- So, that does sum up what to do; but which CSS to use? Searching dA using the criteria "css gallery folder" will get you 19 returns as of this journal, with most relating to what you want. Surprisingly enough, my choice did not come up in this search. (Might want to inform =33xiT about that.) Yes, that's right, the same great deviation who brought us Official dA v5 journal CSS has give us a complimentary Gallery Folder CSS, Official dA v5 gallery CSS. For those who already have the Journal CSS, this CSS will go perfectly with it. You can always mix & match but for my example, this is what I'll use. The following is my own brand of what is listed in the F.A.Q.

Now that you've chosen a CSS skin, download it and open the corresponding files. I am not sure if other Gallery Folder CSS requires preset positioning like this one I am using so make sure you get the correct code based on the folder settings outlined by the coder. For myself, I like the left alignment description. =33xiT's CSS also has right alignment and no description codes so again make sure to chose the correct one. After this, go into your gallery and chose a folder; then click the edit button. What opens is the "Text" tab, one of four that allows you to edit various aspects of your Gallery Folder. Click the "Style" tab on the far left. There will be a button that says "Add CSS..." that you'll click and after accepting the disclaimer, a CSS text box will appear. Here is where you cope/paste the CSS or, if you so chose, create your own. (GalleryCSS Reference Sheet by ¢mindfuckx will give you the basics on how to format your own.)

Once you have pasted or written the correct code in, press the "Ok" button. This should activate the code and you should see an immediate response by the folder. Like with most things, press the "Done" button to see the full effect of the code. From here, all you have to do is repeat the process. Again, this will take some time as you have to back in and out of folders and repeat the same steps. Depending on the amount of folder you have and if you want to vary the format and CSS selection of each, the quickest time for my own folder count is about five or so minutes. Personally, I would like to see a "Apply to All" feature for the CSS and other folder options. This would save the most time.

It should be noted for those using =33xiT's code that there is currently a bug in the left aligned code when your title runs more than one line. This issue is not seen in the right aligned code and hopefully will be fixed soon. (I'll update this when that happens.) Also, unlike the wording in the original texts says ("Copy all the below CSS code in the CSS field.") The code begins after the long set of underscores ("_"). For this code, it begins with the term "body". The aforementioned errors and issues have been corrected and addressed. Thanks to =33xiT for updating that.

Other codes might have user comments buried within the code that you may or may not want to cut out. While they can help remind you of things, they can also be a distraction. My best advice is to remove them from the active dA code. If you need to remember what does what, then use your downloaded code to figure them out.

So, there you go. Feel free to drop me a line with questions or visit the dA Help Desk and Programming Forums. Also feel free to contact =33xiT for questions about his CSS codes. Thanks for reading and enjoy your new Gallery Folder CSS!