By MConway1 on

I recently installed Drupal 4.7.4 and purchased a theme from a developer and I installed it. For some reason when I create content and click on the preview button the preview displays invisible text (White Text) on the (White Background). Now, if I change it back to the default theme it works fine.

I had the developer of the theme have a look and I gave him FTP access but he can't isolate the problem. He believes that there may have been a change in the way Drupal now address' this in the .css file.

After searching Google for similar problems I found a review of that someone did of a theme that did the same thing; however, it offered nothing to remedy it.

Any suggestion on what may be causing this will be greatly appreciated.

Thank You

⋅ Categories: Drupal 4.7.x

Comments

vjordan’s picture

vjordan commented

A good way to troubleshoot css is using Firefox with the Web developer toolbar. This way you'll be able to see the styling which is being applied to your text and trace it back to the code in your theme.

You might also want to ask for your money back from the theme developer, but that's a whole other ball of wax altogether.

MConway1’s picture

MConway1 commented

Well I have firefox and will gove it a try, thank you. Regarding asking for my money back he is trying to fix it as well and I think he has done a good job thus far as the theme is really one that I like for my purpose.

Will give it a shot.

MConway1’s picture

MConway1 commented

I can't seem to find why this theme is having problems. Has anyone else experienced this?

davemybes’s picture

davemybes commented

If you can provide a link to the website, and maybe an option to create some content (so that we can try the Preview function), somebody might be able to find a solution. My feeling is that its simply a CSS problem, but I may be wrong.

______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

MConway1’s picture

MConway1 commented

I made a user account at my site: www,sailorslog,net [replace commas]

Username: drupal
Password: drupal

The developer of the theme Autothemes: http://www.autothemes.com/ told me:

- Sorry No Refunds.
- It does not do this on our older version.
- tinyMCE is problematic (Even though it does it when I dont have tinyMCE installed)
- Driupal must have changed their .css classes. (Whatever that means?)
- Look on forums

They could not fix it and I gave them a user account and ftp access. DO NOT DO BUSINESS WITH THEM.

Problems I have to fix:
1. When you try to make a post in the forums (it also does it on all content, blog, book, etc) and select preview, you get white text on a white background. The text which is white when you rollover it, it is a link.

2. The same problem occurs in the /admin/logs/event/[event number here]... There is a called "Details" the left side ofthe table has the same problem white on white so everything from "Type" to "Hostname" is white on white:

Example:

Type user
Date Wednesday, December 13, 2006 - 03:17
User text here
Location text here
Referrer text here
Message text here
Severity notice text here
Hostname text here

Things I would like to change:
1. I would like to change the .css so the titles of my blogs on the homepage are the same color yellowish orange as the trim of the page.
2. I would liek to make "read more | Nyth's blog" a lite-grey color on the homepage.
3. I would like to make the tiny thin line bewteen the forum topics (containers) are the same yellow color.
4. In the above example the detail table has no dividign lines and if it does they don't show, I would like to make those the same yellowish color as well.

Since Autothemes said to contact the Forums for help I am willing to email anyone the entire theme in .zip format exactly as I recieved it so they can test it.

It's a nice looking World of Warcraft them to bad it's broke.

davemybes’s picture

davemybes commented

I think you posted the wrong web address as that one is a Wordpress blog with an old sailboat background. The address always defaults to http://www,sailorslog,net/public. I could not find a drupal installation anywhere there.

______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

MConway1’s picture

MConway1 commented

Correct Address is www,thedivineguild,com [change comas]

davemybes’s picture

davemybes commented

Very nice looking theme, by the way. Here's the code to fix the preview for comments and creating new nodes (forum topics):

#main .preview .comment,
#main .preview .node {
background:#555;
border:1px solid #888;
}

Add this to your style.css file in the theme folder. Put it at the end if you can.
______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

davemybes’s picture

davemybes commented

OK, here is some more code to fix the other problems. As before, put this in your style.css file. Note: change the colors (e.g. #666) to what you want - these are just suggestions/examples.

1. Fix watchdog event listing:

table.watchdog-event tr.even,
table.watchdog-event tr.odd {
  background:#666
}

You can separate the .even and .odd declarations if you want alternating background colors.

2. separator line fix for (1):

table.watchdog-event tr.even th,
table.watchdog-event tr.odd th {
  border:1px solid #AF8D2C;
}

3. readmore fix:

div.links a {
  color: #CCC;
}

It looks like you have solved the blog title color and forum container separator line yourself.

Enjoy.

______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

MConway1’s picture

MConway1 commented

I will implement those as soon as I get through this: I changed somethign in the User Interface and now I am getting image errors:

details
Type page not found
Date Wednesday, December 13, 2006 - 05:37
User Nyth
Location http://www.thedivineguild.com/menu-expanded.png
Referrer http://www.thedivineguild.com/admin
Message menu-expanded.png not found.
Severity warning
Hostname 84.147.94.159

Also get it for Collapsed.png and leaf.png

I love Drupal, I just have to get use to it... I am a newbie...

davemybes’s picture

davemybes commented

Looks like you changed a path (or deleted one). Its now trying to find those images in the root folder. They are referenced in /misc/drupal.css and should be in the /misc/ folder. Did you insert these images into a block or a page? If so, you must use the path /misc/ in front of the image name.
______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

MConway1’s picture

MConway1 commented

Prior to doing the updates you suggested (which worked perfect!!! TY) I reloaded both the theme and drupal .css files (Originals) then I made the changes. I did not reference them in the site anywhere.

I did try a few other themese prior to posting on there and I did switch admin/settings "File Systme Settings"

Cut and Paste Below:

File system path:
A file system path where the files will be stored. This directory has to exist and be writable by Drupal. If the download method is set to public this directory has to be relative to Drupal installation directory, and be accessible over the web. When download method is set to private this directory should not be accessible over the web. Changing this location after the site has been in use will cause problems so only change this setting on an existing site if you know what you are doing.
Temporary directory:
Location where uploaded files will be kept during previews. Relative paths will be resolved relative to the Drupal installation directory.
Download method:
Public - files are available using http directly.
Private - files are transferred by Drupal.
If you want any sort of access control on the downloading of files, this needs to be set to private. You can change this at any time, however all download URLs will change and there may be unexpected problems so it is not recommended.

Although I only have a few links I made, so I was not worried if they broke as I could redo it, I think this caused it?!?!

Did I screw the site up?

Also I reactivated tinyMCE and give you permissions, when you write a post the text is still white (Only in tinyMCE, without it works fine)?

Need to send me your address, I will get a holiday gift to you =)

Thanks for the help! I was going to give up on this theme.

MConway1’s picture

MConway1 commented

The errors only seem to be generated when I open the page with Firefox (Web Develoe / CSS Module etc).. Otherwise theyare not there. Somehow Fifefox is casuign it.

I still can't figure out the white on white in the tinyMCE?

And as for making my blog titles large I found that in my theme style.css:

h2 {
font-size: 1.2em;
}

If I change this it make them bigger.

Problem: It also makes the links in the block titles just as large. Is there a simple way to make it so I can just address the title in my blog?

After I work these two items out I think I am ready to go publice.

davemybes’s picture

davemybes commented

Yah, don't worry about the image errors. That always happens when you edit CSS using Webdeveloper. The errors go away as soon as you close the CSS editor bit.

I can't do the TinyMCE bit. Theres something that constantly overrides it. I can get it to have a nice red border, so I know I'm targeting it correctly, but the background-color doesn't want to take. Take a look in the settings for TinyMCE and activate its own stylesheet. I seem to recall that it gives the box a grey background. That might help.

As for the heading size, try using .node h2 to target just h2's within the body text.

______________________________________________________________________________________________________
Recent Drupal websites: http://mbacasecomp.com and http://hudsonhistoricalsociety.ca

______________________________________________________________________________________________________

orick’s picture

orick commented

looks like it's only preview not the node itself that's having the problem.

What kind of theme is it? Is it a phptemplate one?

MConway1’s picture

MConway1 commented

Yes I think so. It has the followign files in it. I am using the Firefox webdevelopeer and tryign to find the problem. Where would I find the .css class that is amkign the previewed text linkable?

template.php
style.css
page.tpl