Skin talk:Foreground

About this board

Christharp (talkcontribs)

I'm setting up a new wiki 1.38.2 & the columns have stopped working for text. Instead of the text wrapping, it creates a scroll bar to have the text content pass the column. Hopefully someone is still maintaining this skin.

Reply to "columns not working"

How to change font size throughout wiki

Jonathan3 (talkcontribs)

When I change the font used on my wiki to Times New Roman, it seems tiny in comparison with Arial... what is the best way to increase the font size slightly throughout the whole wiki? Thanks. (First posted on Topic:Wilvjx2lnfh5ulyu but I guess it's better to ask here seeing as I'm using the Foreground skin rather than Vector.)

Jonathan3 (talkcontribs)

I compromised and used Georgia in the end. It has serifs, which I want, but is about the same size as Arial so I won't need to adjust any CSS.

Reply to "How to change font size throughout wiki" (talkcontribs)

Hi there

I'm using the extension "Visual Editor", and I was able to confirm operation at Vectoy skin, but I can not work with Foregroiund skin on.

According to HELP, and I tried to modify Foregroud skin, but it could not be made to correspond to the Foreground skin.

Is there any plan to correspond to "Visual Editor" in future version up of foregroud skin ?

I want to ask all means if none.


Wess (talkcontribs)

Hi. I had the same issue, and it worked for me. contact me and I will send you the code if still relevant.

Papamanman2 (talkcontribs)

Thank you, Wess.

I will contact you.

Kghbln (talkcontribs)

@Wess Since integration with VisualEditor will more and more become an issue or better spoken a requirement it will probably be very nice if you could provide a patch at GitHub.

Papamanman2 (talkcontribs)

Thank you for your reply.

I tried again.

  • Mediawiki: 1.23.7
  • Foreground: Hutchy68/patch-2
  • Visual Editor: 0.1

But I couldn't solve some problems.

  • drop down lists(ex. Header list) are cut in the middle
  • contents of save pop-up window is not displayed

I consider that Foreground css and Visual Editor css are colliding.

But I can't identify the location of the problem.

Could you please show the location of the modification?

Thank you.

Wess (talkcontribs)

I am so sorry for not seeing your comments. I would be pleased to share it on github but I need some learning for that. If you'll send me your email I will be happy to share the code (only the template php is required).

Wess (talkcontribs) (talkcontribs)

I am so sorry for not replied to you comment, I didn't check this board. And thank you for your help.

I tried to apply your patch to my mediawiki(Japanese Language). But it din't work.

Maybe the cause is not php file, but is css.

I modified skin css, and it worked well with the exception of the part.

There are still some bug, but I will wait for product version of Visual Editor.

Thank you so much. (talkcontribs)

Hi, we have had some troubles to with getting Visual Editor to work on Foreground, The patch from Wess and setting the LocalSettings.php. (Version MW 1.25), any help would be greatly appreciated.

Wess (talkcontribs)
Reply to "Visual Editor"

Support for Font Awesome v4.7?

Revansx (talkcontribs)

Skin page lists "Full support of Font Awesome (v4.5)", but Font Awesome seems to be at v4.7. Not sure how complex font awesome is, but is it possible that Foreground does support Font Awesome 4.7 and the skin page is out of date?

Reply to "Support for Font Awesome v4.7?"

Moving "echo-notifications" items to the "navwrapper" div

Revansx (talkcontribs)

Hi, I'm running both Echo and Flow in my 1.34.x MW site using Foreground v2.3.0.

By default Foreground places the Echo and Flow Notification and Alert icons below the "navwrapper" div in a separate "echo-notifications" div as follows:

!-- If user is logged in output echo location -->
<div id="echo-notifications">
<div id="echo-notifications-alerts"></div>
<div id="echo-notifications-messages"></div>
<div id="echo-notifications-notice"></div>

My question is.. how can I get these items moved to the <div id="navwrapper"> at the top of the page.

In other words.. Is there a way to do this that does not involve making local edits to [1]?


Reply to "Moving "echo-notifications" items to the "navwrapper" div"
LeeMChildress (talkcontribs)

I feel really ignorant but I have tried everything I know to do to change the font for the Actions button. Can someone please share with me the CSS to style the Actions button? Thank you in advance.

Kghbln (talkcontribs)

Something like this "MediaWiki:Foreground.css" should work:

a#actions-button {
    color: blue;
    background: red;


.f-dropdown li a {
    color: blue;
    background: red;


ul#actions.f-dropdown {
    background: red;

Change colors as required. Not that you also will have to manipulate the pseudo classes like "hover", "active", etc.

Reply to "Actions Button CSS"

Fatal error:... Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0.

Noloader (talkcontribs)

I'm trying to make Foreground available in a Mediawiki 1.34.4 installation. Foreground comes from GitHub sources. However, we have to use Master because there is no REL1_34 tag (most other skins have the a REL1_34 tag). Loading the skin results in:

Fatal error:  Uncaught ExtensionDependencyError: Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0. in /var/www/html/w/includes/registration/ExtensionRegistry.php:334 Stack trace:
#0 /var/www/html/w/includes/registration/ExtensionRegistry.php(186): ExtensionRegistry->readFromQueue(Array)
#1 /var/www/html/w/includes/Setup.php(143): ExtensionRegistry->loadFromQueue()
#2 /var/www/html/w/includes/WebStart.php(81): require_once('/var/www/html/w...')
#3 /var/www/html/w/index.php(41): require('/var/www/html/w...')
#4 {main}  thrown in /var/www/html/w/includes/registration/ExtensionRegistry.php on line 334
Kghbln (talkcontribs)

Check out version v2.3.0 to mitigate. (talkcontribs)

Thanks @Kghbln.

I'm also seeing the same problem with <tt>REL1_35</tt>:

<pre>Updating /var/www/html/w/skins/Foreground/

HEAD is now at 778484f Merge pull request #384 from Hutchy68/circleci-nameLink

Already up-to-date.

error: pathspec 'REL1_35' did not match any file(s) known to git.</pre>

Maybe the Foreground skin can add expected tags?

Kghbln (talkcontribs)

I do not really think that REL1_35 is an expected tag. This is for extensions and skins of WMF only. There are extensions around that have REL_35 but will definitively not work for the branch. To my experience it is always best to follow the strategy of the programmer.

Reply to "Fatal error:... Foreground is not compatible with the current MediaWiki core (version 1.34.4), it requires: >= 1.35.0."

The skin covers notifications and messages icons

2001:8F8:1E23:1DCA:381A:B122:270A:4DD9 (talkcontribs)

The two icons are covered by this skin (icons of echo extension), notifications and messages, those two icons are just fine on vector skin, plus this skin doesn't fully support rtl language

2001:8F8:1E23:DE9:918:3F3C:9736:5CAB (talkcontribs)

there is another issue with hidden-catlinks, always showing,

Reply to "The skin covers notifications and messages icons"

Not working with mw 34 version

Summary by Kghbln

Tracked at GitHub with issue 353.

2409:4043:251A:82A8:E513:C913:5AEB:10CA (talkcontribs)

I have just upgraded my wiki from .28 to .34 version. The old version was using foreground as the default skin. With new version, it's giving this issue:

Fatal error: Uncaught Error: Call to undefined function wfSuppressWarnings() in /home/vikasnd/public_html/w/skins/foreground/ Stack trace: #0 /home/vikasnd/public_html/w/includes/skins/SkinTemplate.php(217): foregroundTemplate->execute() #1 /home/vikasnd/public_html/w/includes/OutputPage.php(2574): SkinTemplate->outputPage() #2 /home/vikasnd/public_html/w/includes/exception/MWExceptionRenderer.php(134): OutputPage->output() #3 /home/vikasnd/public_html/w/includes/exception/MWExceptionRenderer.php(53): MWExceptionRenderer::reportHTML(Object(Error)) #4 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(121): MWExceptionRenderer::output(Object(Error), 2) #5 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(195): MWExceptionHandler::report(Object(Error)) #6 /home/vikasnd/public_html/w/includes/exception/MWExceptionHandler.php(167): MWExceptionHandler::handleException(Object(Error)) #7 [internal function]: MWExceptionHandler::handleUncaughtException(Object(Error)) #8 in /home/vikasnd/public_html/w/skins/foreground/ on line 60

When skin is not made default in localsettings.php, mediawiki loads without any skin and gives this message at top:

Whoops! The default skin for your wiki, defined in $wgDefaultSkin as vector, is not available.

Your installation seems to include the following skins. See Manual: Skin configuration for information how to enable them and choose the default.

  • monobook / MonoBook (disabled)
  • timeless / Timeless (disabled)
  • vector / Vector (disabled)
  • foreground / foreground (enabled)

Please help in fixing. I looked if newer version of extension is available to upgrade. But couldn't find it. Thanks

2409:4043:251A:82A8:E513:C913:5AEB:10CA (talkcontribs)

I upgraded to newer foreground files from github project. But still getting the error.

I commented to suppresswarning method in file. then it loaded the wiki page. However it was failing in restore function in same file which was shown on wiki page at end. I commented that also and it's looking to work now.

I am not sure if those two functions need to be commented or why it's failing in first place. Please guide so I can use this skin normally.


Kghbln (talkcontribs)

This is clearly a bug that needs to be fixed in the code base. I will document the incompatibility for now until this is fixed. Tracked at GitHub with issue 353 (talkcontribs)

Hi there! Great skin! I just have a question: all the text in the wiki is in bold, any idea why? Something in one of the css?

Kghbln (talkcontribs)

Should not happen by default: See the demo wiki which does not show the behaviour. Did you add something locally to MediaWiki:Common.css that could cause the issue? (talkcontribs)

I have made some modifications but not that kind I think... See

Kghbln (talkcontribs)

It appears you have found the spot. I do not see any bold text except for the headings.

Return to "Foreground" page.