However, the topic title header is acting up in an interesting way.

It has always been white for me earlier, but it seems like it is now depending on some new CSS element tag.

Since it now also seems to be a link, I am a bit confused since it shows up with dark grey in my topic header, and in blue if I use the Red-Grey theme - ie it seems to be unadressed in the Red-Grey CSS theme too...

Any help in pinpointing me to the property to be set is appreciated.

.yafnet a.HeaderTopicLink {
	color: white!important;
}

add this to your theme.css and the link should be white again

Edit:

Ok, seems better now when I moved it around.... 😉

.yafnet a { color: #000000; text-decoration: none; }
.yafnet a:link { color: #333333; text-decoration: none; }
.yafnet a:visited { color: #333333; text-decoration: none; }
.yafnet a:active { color: #333333; text-decoration: none; }
.yafnet a:hover { color: #cc0000; text-decoration: underline; }
.yafnet a.HeaderTopicLink {color: #FFFFFF; }

Thank you very much!!! 👍

Is see you forget the important i see that in your theme.css

.yafnet a.HeaderTopicLink {
    color: #FFFFFF;
}

as soon as i add the important to your theme via dom manipulating it works

Yeah that would be the better solution

But now it works with the code I showed... Will just have to put a :hover to it too so it doesn't get underlined when moused over..

Edit:. Works perfectly now...

.yafnet a { color: #000000; text-decoration: none; }
.yafnet a:link { color: #333333; text-decoration: none; }
.yafnet a:visited { color: #333333; text-decoration: none; }
.yafnet a:active { color: #333333; text-decoration: none; }
.yafnet a:hover { color: #cc0000; text-decoration: underline; }
.yafnet a.HeaderTopicLink {color: #FFFFFF; }
.yafnet a.HeaderTopicLink:hover {color: #FFFFFF; text-decoration:none; }

I have a several URL:s pointing to the same place...

How can it be different, same forum, same CSS??? Is it a browser cache thingy?

Edit - Was a browser cache thingy - Obviously the page/theme is saved locally per site somewhere...

Will ask many questions about specific elements later, but have one big issue at the moment...

It's that darn "tiptip" stuff in the CSS....

Great, but it messes up big time since it doesn't keep itself within the forum control but also "attacks" ul & li on the page outside the scope on the forum with tooltips from the forum. I can see that it works in this forum, but how do I make it work just as good in my forum?

I suppose I have to restrict it to the yafnet object space, but I do not know how. I stink at CSS... 😉

Any help is appreciated.

You need to modify the script that enables tiptip and restrict it to yaf

jQuery(".yafnet img, .yafnet input, .yafnet a").tipTip();

I'm using the Red-Grey theme as the base theme...

I'm afraid I have to ask since I know virtually nothing about this jquery stuff... 😞

If you use my red-grey theme as base take a look in the js folder of the theme there is the ColorGrey js file, simply replace the first line that contains the tiptip code. (Dont forget to clear the Browser Cache to see the changes)

But tiptips still show on my ul/li menu at the top....

It behaves differently though, earlier it showed the tiptips of the forum mymenu - now it shows the last hovered tiptip in the forum on all links in my main menu.

A step in the right direction, but not completely there yet...

Edit: Hmmm.... I removed the .tiptip statement in the colorgrey.js and it kinda "works" - ie tooltips only shown in the forum links. But of course no fancy .tiptip formatting so I miss the little red arrow shown in the attachment....

This will have to do for the moment.

Those fancy CSS color gradient thingies for bars and buttons work great in FF, Chrome & Safari - but not IE....

So to keep a consistent look with minimal maintenance, I will have to go back to background images in bars & such to keep it as simple as possible in a baseline.

But I did have fun with playing around with imageless CSS-only and learnt stuff I did not know. Worth the effort.

Since none of the supplied themes really works for me, would it be ok if I upload my simpler theme files in a post here when I'm finished?

More questions about specific CSS elements will probably appear this weekend... Want to get it right this time without compromises... 😁

Please do that! Would be great with some simple theme as well! :-d

Edit: Ett par glas fint vin får vi ha på fredagen - SKÅL! :wink:

That's not fully true, I included background images for most of the gradients as fallback for ie 8 or earlier, there is also a CSS property that can be used for ie 6-10 that supports gradients. But i didn't included them yet.

Of course the bg images act as a fallback with IE, but my main thought is to have a theme that works everywhere without having to resort to adapt different code for different browsers (had enough of that in the old IE vs Netscape days...) so I go for the common denominator for a theme that should work as good as possible everywhere...

Nothing wrong with the fancy stuff, that's how the future is, and a great insight into how it can be done is shown. I myself am more "practically orientated" and wish to do one basic theme that "fits all" with minimal maintenance, so to speak... 😄

Please note, I am not complaining about anything - just trying to learn... It's not about the theme itself, which works fine, but how I wish to make it look like I want to for my site with minimal maintenance efforts from my side... 😉