You've got the CSS syntax wrong. What you need is:

.ja-folderoverlay {opacity: 0.7 !important}

BTW, the reason that's an inline style, rather than in the CSS, is that otherwise, the overlay starts off with opacity 1.0, then dials down to 0.4. Visually, that's really annoying on page load.

Totally off-topic, but any place you're using that RechtmanPlain WOFF font, you need to de-bold it, and increase the font size. That often happens with cursive fonts - if you bold them, they get tough to read, and they're usually intrinsically smaller than other fonts.

ETA: I see you're trying to use custom CSS to deal with things like the slide comment fonts. No need - the skin has all the settings you need. Head for Neptune > Fonts > Slides and Info Page > Slides Font Styles > Comment and tell it to use Font family instead of the WOFF font. That's the place to set the font size, too. For folder titles, Neptune > Fonts > Thumbnails > Font Styles > Folder thumbnail title.

Thanks I am starting to feel like an old man!

Setting the RechtmanPlain font to bold was an experiment, but it didn't seem to make any difference at all and I never got around to resetting to normal. I have now changed it back to normal.
I don't see Neptune > Fonts > Thumbnails > Font Styles > Folder thumbnail title.

The only elements set to use WOFF are now Theme image title and Banner title.
I have removed some of the added CSS code, my added CSS code now looks like

#ja-banner {
	background-size: contain;
	position:relative;
	}
.ja-pagetitleTI {
	color: #f11717; 
	font-size:8vw; 
	position:absolute; bottom:0; 
	text-align: center;
	}
.ja-pagetitle {
	color: #f11717; }
.ja-folderoverlay {opacity: 0.7 !important}

I don't see a way to set the title on folder index pages to folder title instead of album title. If this can't be done, can the title bar be removed from all but the album front page?

You should just get rid of all the custom CSS for #ja-banner, .ja-pagetitleTI, and .ja-pagetitle. None of it is needed, and it's taking you down a rabbit hole.

Use the Fonts tab settings to set the font size of the titles. Any time you find yourself entering custom CSS to alter any of the font characteristics, you're doing it the hard way. There are simple JSpinners and JComboBoxes for all of that in the skin settings. No need for any hand-coding.

And to do custom colors, use the Custom style of the skin. See step1.png, step2.png, and step3.png.

That's been there since version 1. Screenshot.


You're trying to treat the theme image as something other than a background image. Tears before bedtime.

But rather than using absolute positioning, you'd probably be better off just putting some margin-top on #ja-themedim. Try about 60px. It will still be unhappy on a phone, but.... Oh, and get rid of the extra <br> characters in the album title - I think those just confuse the issue.


But that means that the text will get smaller on smaller devices. Less than an ideal user experience.

I'm tinkering with a new option for Neptune (as well as Mercury, Opus 16, and Venus ) that will offer a somewhat different approach to handling the theme image. But it won't be ready by Xmas.

I thought you were trying to make sure that all of the faces were visible in the theme image, even on a small display. As a background image, it gets cropped on the sides on a small display, so that's problematic. That's not, in fact, what you were aiming at, so I simply misunderstood. (I've got some upcoming skin releases that will address the "cropped theme image" issue).


Tiny syntax error. You've entered it as right-semicolon-0-semicolon, but it has to be right-colon-0-semicolon.

Here's what I'm seeing in your project settings. See that semicolon?