Change Pop up background (Spell Check)

Magicjax · May 08, 2009, 01:52:46 PM

My forum has a background image.

When I open pop up windows such as Spell Check. It displays the background image in the pop up box where the text you are checking appears. So I end up with a blue background and black text which isn't easy to see and doesn't look good.

Can someone tell me how to change the background color in the pop up windows such as spell check?

Here's a screen shot.

On the left is what I have now. On the right is what I need it to end up looking like (PLain white background)

Thanks.

Ron

shadow82x · May 08, 2009, 02:07:11 PM

The spellchecker style is actually defined in

./Themes/default/Post.template.php

Code Select

	// The style information that makes the spellchecker look... like the forum hopefully!
	echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
	<head>
		<title>', $txt['spell_check'], '</title>
		<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
		<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css" />
		<style type="text/css">
			body, td
			{
				font-size: small;
				margin: 0;
				background: #f0f0f0;
				color: #000;
				padding: 10px;
			}
			.highlight
			{
				color: red;
				font-weight: bold;
			}
			#spellview
			{
				border-style: outset;
				border: 1px solid black;
				padding: 5px;
				width: 95%;
				height: 314px;
				overflow: auto;
				background: #ffffff;
			}';

Depending on your theme, you will want to modify the "body, td" area.

Magicjax · May 08, 2009, 05:40:07 PM

Thanks a lot Shadow82x.

If anyone else has the same issue. It's simple enough to fix.

Just open /Themes/default/Post.template.php

In the code ook for:

Code Select


			body, td
			{
				font-size: small;
				margin: 0;
			}
			.highlight
			{
				color: red;
				font-weight: bold;
			}
			#spellview
			{

				border-style: outset;
				border: 1px solid black;
				padding: 5px;
				width: 98%;
				height: 344px;
				overflow: auto;

And add:

Code Select

background-color: #FFFFFF;

(like this)

Quote
         body, td
         {
            font-size: small;
            margin: 0;
         }
         .highlight
         {
            color: red;
            font-weight: bold;
         }
         #spellview
         {
background-color: #FFFFFF;
            border-style: outset;
            border: 1px solid black;
            padding: 5px;
            width: 98%;
            height: 344px;
            overflow: auto;

Thanks again.

shadow82x · May 08, 2009, 05:44:01 PM

Great!

Marked as solved. Thanks for sharing the solution.

Magicjax · May 12, 2009, 06:11:31 PM

I had to turn this Not solved because although it did work great for that one part (The spell check window). Every other pop up still have the background image in it.

For instance. If I'm signed in as Admin and I click one of the (?) links (The help links). This pop up box will have the same background image demonstrated in my original post in this discussion.

So, where to I change this background?

Thanks for your help thus far.

Ron

m3talc0re · May 12, 2009, 07:58:25 PM

This: http://custom.simplemachines.org/mods/index.php?mod=1169

That's assuming you are using 1.1.x...

Magicjax · May 12, 2009, 11:48:25 PM

That did the trick. Thanks a lot.

Ron

News:

Change Pop up background (Spell Check)

Magicjax

shadow82x

Magicjax

shadow82x

Magicjax

m3talc0re

Magicjax