I am having a bit of a struggle with a box of social media links that I’ve added to the side of a forum. The box appears correctly styled on some templates and not others and I haven’t been able to determine why.
See the “Connect With Us” section on the following pages:
What could be causing this? The forum skin is … pretty messy by default, is my understanding, so I don’t expect anyone to really dig into it…but any qualified guesses as to what might be the culprit would be welcome.
Seems like the page without the styles doesn’t link to the necessary style sheet. The CSS link on each page is different. It’s a very contorted link, so it’s hard to tell what’s what, but it’s not the same on both pages.
I don’t think that’s precisely it, because all of the styling on the sidebar is added to the same css file and the rest is showing up without any problems.
I’ve done a bit of additional testing, such as removing the ad entirely (since it displays on the main page but not on the member list), but that didn’t make a difference. Quite baffling.
Cleared cache and checked on three different computers and three different browsers… So you’re seeing the black background for the “box” under “Connect With Us” on both pages? Or seeing it without the black background on both?
Alright, so for you its displaying without the styling on both pages whereas on each browser and computer I test with, I see the styling on the members page and not on the main page.
This makes no sense… The CSS that fails to render (div.Social, etc) is added into exactly the same file (ipb_styles.css) as “div.StoreSidebarItem” and that part shows up.
I guess it must be an Invision issue then, will have to contact them.
I guess there’s one other thing to ask: is there anything at all odd about these CSS rules? Any reason that they’d get stripped out by the Invision back-end? I’ve moved them around in the file, I’ve renamed them, and nothing works. They just get stripped out.
The first thing I noticed was that the CSS link (with all those style sheets joined together) is different on each page. If you copy the CSS link from both pages, you’'ll see that one is longer than the other. So the critical style sheet is getting left out. I don’t understand this method of style sheet linking, but I’d say that’s where you problem is. You could try an experiment of just pasting in the link for the style sheet in the head on its own and see if that makes a difference.
So, yes, there is a difference … but the file with the specific inserted styling in is public/style_css/css_12/ipb_styles.css … and that does appear in both cases. And if I look at http://asoiaf.westeros.org/public/style_css/css_12/ipb_styles.css, the styling appears to be there.
It would be nearly impossible to identify the culprit without fixing all the validation errors…I bet it would be fixed if you took the time to fix them.
Unfortunately, I have no control over how that list of stylesheets is put together, its all automated. But that gives me something to point out to Invision, thank you.
Ryan,
Its possible, but I can’t make such radical changes to the skins, it makes upgrading the forum too difficult since the changes won’t always be auto-imported. Virtually all the errors are probably from the default forum skin, all I’ve done with it is recolour and add the sidebar.
It’s probably not even radical changes. If you have an error early on in the stylesheet, there’s a pretty good chance that it c ould escalate down the page and cause ALL the other styles to be wrong…to a point.
I’d at least go there and weed some stuff out. Not anything major, but just check for semi colons, brackets, etc.
Fair enough, I should make sure my add-ons are fine at least. But taking a look at that report, I don’t quite follow most of the errors and wouldn’t have a clue what the appropriate fix would be. It seems the majority are about such and such a property not existing.