Ocean Mist theme. No BG color in Firefox, older posts shifting to the right.
-
Hello everyone, I was hoping I could get some help. I don’t know if this is a common issue or not, but I’ve noticed that a lot of themes don’t look quite right in Firefox. I’m using the Ocean Mist theme right now, and in Firefox the main column has no white background. And in both browsers, my Twitter widget and my Search widget show up on the bottom of my page instead of on the right side. Also, my older posts shift to the right with each successive post. In some other themes, my older posts show up shifted to the right, and the font gets smaller/larger as the posts go back. I don’t think this is normal (?) as this looks pretty strange, but I might be wrong.
I think I may have tampered with the Edit CSS option a bit, but I don’t think that matters because I didn’t purchase the Custom CSS Upgrade so it shouldn’t affect my main page at all, right?
Please, any help would be greatly appreciated.
The blog I need help with is: (visible only to logged in users)
-
On the post “Thursday night pool party, move the more tag to it’s own line (like it is a separate paragraph.
Also, go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and then click “save changes.” That should help keep HTML errors from creeping in in the future.
-
Thank you so much, my blog looks normal now. Such an easy fix, I wonder why that option isn’t turned on by default…
Thanks again!
-
-
I’m using Ocean Mist as my theme also, and have the problem where the main column has no white background. I tried the Settings > writing fix suggested above, but to no effect on the column background.
Any suggestions?
-
You have three “read more” tags that are within paragraph tags. Always place more tags as if they were their own paragraph, and never in a block of formatted text (bold or italic, etc.) or within a blockquote, ordered or unordered list. When a read more tag is nested within another tag, it will break the theme because it ends up separating the beginning and ending tags.
Defining Evolution
Cyprus report from the Committee Against Bird Slaughter
“Bird Activists Remove Over 2000 Limesticks in Cyprus” -
Um, I don’t have any < p > paragraph tags in the html of my posts, nor do I have the <! — more — > tags nested within other tags that I can see, including the three that you reference. In fact, I checked all 10 posts on the front page of my blog. :-/
-
The “p” tags will not show in the HTML tab (I hate that about wordpress). If you look at those posts on your blog you will see that the more tags are NOT their own paragraph (no blank line between them and the paragraph before). In the visual editor, more tags have to appear as if they are a separate paragraph.
-
I went ahead and took the <! — more — > tags out of every post on the top page. No change.
-
-
Where? I just did a ctrl-F (find) for the word “more” and found no tag in the html of that post.
-
Missed that one. Sorry about that. That tag is gone though, as is another that I missed (not on Defining Evolution either). Used ctrl-F again, no read-more tags anymore. Not fixed.
-
Well let’s look further. Regardless though, the read more tags should have been fixed as they have on many occasions been the issue with this sort of problem.
According to W3C validator, you have 79 errors on your main page. It doesn’t actually mean there are 79 individual errors. Many times one error will cause “apparent” errors in the rest of the page.
First, go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and then click “save changes.” This change should help to keep HTML errors from causing issues in the future.
I’m sorry I didn’t do this before, but I visited a bunch of links on your pages (single posts, other pages, older post pages) and see the same thing on all those pages. This would indicate to me that the issue is in a widget in your sidebar.
Probably the easiest way to determine which widget is causing the issue is to go to appearance > widgets, and drag all the text widgets that you have put into your sidebar into the bottom section called “Inactive Widgets”. That will preserve anything you have in the widgets. Then view your page. If things have returned to normal, then start adding the text widgets you removed back in one at a time till you find the one that is causing the issue. You will then have to look over the HTML in that particular widget and fix the problems.
For reference, you can look at the W3C report here: http://validator.w3.org/check?uri=http%3A%2F%2Fmigration.wordpress.com%2F&charset=(detect+automatically)&doctype=Inline&group=0
-
Found it. Yes, it was one of the text widgets. Thanks so much for your help and patience!
-
You’re welcome, and sorry I didn’t investigate the issue more thoroughly before sending you to remove all your read more tags, but as I said, there have probably be hundreds of cases where that was the problem.
-
I am having a similar (maybe) problem with Firefox. I find my blog looks right when viewed on Internet Explorer, but on Firefox for most of the themes that are supposed to take custom header images, the image just doesn’t show up. There is also no background color on any of the themes I have previewed in Firefox.
I never touch the html editor. I am a rank novice on tech issues, so I just use the text editor as if it were a word processor, and try to follow directions and menus. Could I have created a problem in the code anyway?
I did try to follow some of the directions above in case that might help, putting my widgets into the inactive window, and checking the box for correcting invalid language automatically. So far it doesn’t seem to have fixed things, though.
My current theme, by the way, is Benevolence, which looks really nice on Internet Explorer. I thought I’d try it since Ocean Mist was not showing up well on Firefox, but Benevolence isn’t doing any better with Firefox either.
As I said, I am a rank beginner, and am just exploring how to get a blog to work. Anyone willing to advise?
thanks…
-
I should have added that my blog is farmexperiment.wordpress.com
Also I think its amazing and awesome that volunteers take the time to answer some of these questions. Bless you all.
I did try to read through relevant posts to see if there was an answer out there already. I did not find anything, that seemed to address my particular situation, but hopefully I didn’t just miss something obvious. I really appreciate what you all are doing, and I certainly don’t want to waste your time.
Thanks again!
-
@farmexperiment, I’m seeing your blog and blog header just fine in Firefox. The background is there and correct, the sidebar widgets are where they should be.
The W3C validator reports some errors, but I just checked with my very clean test blog and it is showing the same errors, so I’ll contact staff on those errors. They will have to fix the errors in the back end.
-
Thanks thesacredpath.
I guess if you are seeing my blog fine on Firefox, and I am seeing it fine on IE, maybe there is just a problem with the settings on my Firefox browser on my computer, and not any real problem on the blog?
I will try following the instructions I saw on the support site about forced refreshing and clearing cache on my Firefox browser. Maybe this will help if the problem is in my browser settings.
Thanks very much for looking at this and getting back so quickly too.
- The topic ‘Ocean Mist theme. No BG color in Firefox, older posts shifting to the right.’ is closed to new replies.
WordPress.com Forums 