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)
(http://www.magicjax.com/mtspell.jpg)
Thanks.
Ron
The spellchecker style is actually defined in
./Themes/default/Post.template.php
// 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. :)
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:
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:
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.
Great! :D
Marked as solved. Thanks for sharing the solution.
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
This: http://custom.simplemachines.org/mods/index.php?mod=1169
That's assuming you are using 1.1.x...
That did the trick. Thanks a lot.
Ron