• Because my blog on blogspot was images heavy, I went to install 2.3.3 of WordPress. I noticed the blockquote button does not exist (or is it?) and now when I use blockquote for quoting text, it disrupts the rest of my entire page layout. I defined the blockquote’s css properties and works but the page gets muddled up, causing my sidebar to be right at the bottom instead of being sideon.

    Help?

Viewing 14 replies - 1 through 14 (of 14 total)
  • I would go with 2.5.1 if you can. Aside from that I’m guessing that your using something other than the default themes. It may very well be something you just need to work out with the theme you’re using.

    I’m sure without seeing the theme working there are not many here that could suggest a fix for theme related display issues.

    The editor in 2.5.1 is sweet though. I would definitely suggest checking it out.

    Thread Starter mhuynh

    (@mhuynh)

    I will think of moving to using 2.5.1 but only when the updates I need are implemented. Funnily enough, many people had trouble with importing their website from blogspot to WP and it actually worked for me. I really need the multiple images option in 2.5.1 and that will probably be something like that in the near future.

    So it’s to do with the theme? I guess I have to look more.

    Not sure about the blockquote button itself. I have the button on all of my blogs.

    I suppose the muddled up display could be the editor messing with your code but I’m going to go with a theme problem. This seems to happen more ofter…width set on blockquote that doesn’t fit the theme…or positioning, float, margins/padding etc etc.

    Thread Starter mhuynh

    (@mhuynh)

    I actually found it on 2.3.3. I couldn’t tell it it was the blockquote but it’s the ‘leftindent/blockquote’ button.

    Yeah well I’ll go and look for the theme I used and see if I can work things out.

    You could switch to the default theme and test the blockquotes then switch back. This would tell you if it’s a theme issue for sure.

    Thread Starter mhuynh

    (@mhuynh)

    Hey Adam,
    I just figured out something. Because I managed to get all my posts from blogspot to WP successfully using 2.3.3, can I go back to 2.5.1 without harming my posts? Will there be trouble with the current database?

    You should be able to upgrade. I did 8 blogs flawlessly but there are some in these forums that had trouble. If you can get a full backup and a WP export file before trying that would be best.

    Better safe than sorry.

    Thread Starter mhuynh

    (@mhuynh)

    So what is the exact procedure? Backup>Export file>than download 2.5.1 and overwrite and keep my modified files?

    I use a handy plugin called WP Backup. It exports the *.sql file so you can stash it on your hard drive “just in case.” You can also go thru your web host’s admin panel and PHPMyAdmin to do the same thing. You can also export the *.xml file. It should be okay. I’d feel better with a spare *.sql myself.

    I recommend doing the following, which ensures that the new files make it to your server intact:

    1. disable all your plugins or just rename the /plugins folder temporarily
    2. delete the folders /wp-admin and /wp-includes
    3. delete all the *.php files from your WP root.
    4. DO NOT DELETE wp-config.php
    5. DO NOT DELETE .htaccess
    6. Upload the latest WP files to your server.
    7. Point your browser to the upgrade script, found at /wp-admin/upgrade.php and have WP perform the upgrade.
    8. Check your site. If all looks well, rename the plugins folder or reactivate your plugins.

    As far as the blockquote code is concerned, from this statement:

    I defined the blockquote’s css properties and works but the page gets muddled up….

    Sounds like it’s a CSS issue to me. If I had a link to your site, I could look at your CSS in FF using developer tools. ??

    Thread Starter mhuynh

    (@mhuynh)

    Joni, hi I sent you an email to your email address about my problem. Upgrading to 2.5.1 was a success (smiles) but the problem with the blockquote is still there. I can’t work out if I need to define the blockquote element as a css property and or I need to change or extend my div content’s width…??

    If anyone can still help me out, my WP site is here: https://www.shapemould.com/2.3/

    Thread Starter mhuynh

    (@mhuynh)

    Oh, I have noticed something – At college using Safari 3.0.1, the website actually looks fine but it does not work properly in Firefox….???? Also the college computers are all on Leopard whilst at home (where I am doing the site) I am on Tiger 10.4.1.

    Edit: In fact everything looks perfect on Safari :S

    Looks like you’ve got some tag soup going on there. Here’s what is in the source code for the blockquoted text:

    <blockquote><p><span style="font-style: italic; font-family: baskerville"><span style="font-size: 130%"> “Creativity is not about perfection. [snipped]”</span></span></p></blockquote>

    The p and span tag with the extra styling should be part of the blockquote style if in fact that’s what you want. Are you using another program to compose your posts (e.g., MS Word)? That may be what’s causing your problem. Your code should be much cleaner than that. I found a lot of this:

    <p><span style="font-family: baskerville">

    HTH.

    Thread Starter mhuynh

    (@mhuynh)

    Oh heavens no – the thing is all posts I have made is from blogspot and blogspot adds all the extra style tags. So I think the best thing to do is delete all p tags and span tags in the entire post, define blockquote’s css property in my css style file because I have already defined the body tag to be completely in Baskerville… ?

    I have only used Word to find and replace all the p and span tags.

    Thread Starter mhuynh

    (@mhuynh)

    Thanks alot! It’s working great now. I’ll add the blockquote css property.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Using blockquote disrupts entire layout’ is closed to new replies.