Hutchy68 / pivot

A MediaWiki mobile skin which "Pivots" seamlessly to any size display.
https://pivot.wikiproject.net
BSD 2-Clause "Simplified" License
37 stars 18 forks source link

Header colour and footer area #80

Closed LLCoolJayB closed 5 years ago

LLCoolJayB commented 5 years ago

Setup

Issue

I've recently installed Pivot, however, when editing my main page - the headers don't show the blue colour.

The footer area also takes up the entire bottom part of the page, and is not limited to the main section, excluding the sidebar.

I have copied the source from the Pivot wiki page on my wiki's sandbox page to demonstrate this.

Appreciate any thoughts on this!

Hutchy68 commented 5 years ago

Looks like you have multiple div closings without an opening div and the last two divs have no div closings.

Hutchy68 commented 5 years ago

In your page markup to be clear.

LLCoolJayB commented 5 years ago

What do you mean? The sandbox page? The markup has been copied from the Pivot wiki.

My current main page is pre-Pivot install - I haven't changed anything.

Hutchy68 commented 5 years ago

This looks fine on your sandbox page and the way it is supposed to look. image

Exactly how the layout is supposed to look, this is on pivot.wikiproject.net image

Your main page... is not right... image

You have 3 unclosed div elements in the markup. image

Fix the closing of those div elements in the markup and post back.

LLCoolJayB commented 5 years ago

Thanks, I'll get sorting that out - but I was planning to change the mainpage entirely using the Pivot tabs and table format so that it is cleaner looker.

What about the headers? Why aren't these working?

image

Hutchy68 commented 5 years ago

Ah, now I understand what you are looking at for headers.

See, https://pivot.wikiproject.net/wiki/MediaWiki:Pivot.css

There is a piece of css to add the subheader class.

/* make the main page subheaders solid bars */
.subheader {
    background: #517398;
    color: #fff;
    text-align: center;
    padding: .5em;
}
LLCoolJayB commented 5 years ago

Perfect, you're a star! Thank you!