• Since I was having problems with line breaks in Safari, I started to use Firefox since it resolves that problem, but now all the font is appearing in bold, even though it doesn’t figure as bold in the code. Any ideas?

    Also, since these kind of random, inexplicable problems happen, I haven’t updated wordpress. Would it cause any similar problems?

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter fujimoriontrial

    (@fujimoriontrial)

    Just in case, the site is https://fujimoriontrial.org/ (to get a visual).

    You have an unclosed <b> in the left sidebar, immediately before <b>Analysis</b>. By the way, don’t blame on Firefox. ??

    It appears these are converted Microsoft Office documents, so each of the paragraphs in the posts have inline classes set to MsoNormal. You really need to think about eliminating those, they will override any other text style you apply. If you must use text from Word documents, save them first as plain text, then cut and paste in the plain text. You will probably lose some editing marks that you will have to replace. To fix your current posts, you can try going through each post with the HTML editor, wherever you see:
    <p class="MsoNormal">
    take out class=”MsoNormal”

    and see what Firefox/Safari gives you then.

    Thread Starter fujimoriontrial

    (@fujimoriontrial)

    Ahhh, that’s the problem? Because what happens is when you write in the editor with Safari, all the line breaks vanish as soon as you save. The only way to avoid this is to use word, for me. So will I have to go individually in each post and take them out? But then what will happen to the line breaks?

    As for the sidebars, I don’t think there are any unclosed <b>. It was fine one second and then after using the different browser it turned bold. I’ve checked the code, but it’s all in order.

    Thanks!

    First, haochi is right, look in your sidebar code between student and Analysis, you’ll see the spare bold:
    <b>

    Each of your paragraphs should be enclosed in paragraph tags:
    `<p> </p>’
    If you do this, and remove the inline styles, then the browser should style the paragraph according to the style sheets provided, which will provide upper and lower margins and appropriate line heights.

    I don’t know what to say about the problems you are having with the editor, or how Safari might affect that. You should not actually need the line breaks at all, the browser should break the lines to fit in the content container.

    I notice that you have installed some conditional comments to detect IE7 and IE6 and supply different style sheets for each. I’m not sure what you were trying to correct with this, but after you get done removing the MsoNormal tags, you might want to take these out to see how your browser does without them. In any event, to keep this from getting out of hand, you probably want to use the conditional commments to re-style only the tags you need, and let the external style sheets do the heavy lifting. Remember styles cascade, so each subsequent styling of a tag overrides the last.

    Best of luck

    Thread Starter fujimoriontrial

    (@fujimoriontrial)

    Alright, so the extra <b> code caused the whole site to be in bold, not the extra codes nor using different browsers, etc. Excellent, I couldn’t have hoped for an easier solution (and I’m still an html rookie).

    Thanks for all your help!

    fuji… I strongly suggest not using word at all, and if the pretty editor in wordpress doesn’t work under safari, then DON’T use the pretty editor.

    Disable the visual editor on your wordpress user profile page and enjoy freedom from headache.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘After using Firefox, whole blog is in bold’ is closed to new replies.