How to insert image padding in new Worpress 2.0 when you align left?

  • Last night I upgraded to new version 2.0 and it was so easy and painless. I followed instructions provided by you guys and it worked very good. I congratulate you on your good job. I do have one question for you.

    I use images in my post frequently. The most of the time, image needs to be aligned on the left side and text must be wrapped around it. Worpress 2.0 made it easy by adding image buttons on quicktags. However, I noticed there is very little room between image and text when I align images to the left. I think there needs to be more padding between image and text. How should I resolve this? Thank you for your response and I hope you had a good Christmas holiday.

    The Blog Tribune

Viewing 13 replies - 1 through 13 (of 13 total)

  • Use CSS styles

    Thread Starter soyola

    (@soyola)

    I know we need to use style sheets but I don’t know which style sheet to modify and how

    How many stylesheets do you have in your theme’s directory? Usually there is only one. If the majority of the images – as you said – are going to be aligned left, you can make a general rule for images:
    img {
    float: left;
    padding-right: XXpx;
    padding-bottom: XXpx;
    }
    Add/edit whatever fits to your blog’s style.
    Warning: this will apply to ALL the images that don’t have their style defined otherwise!

    Thread Starter soyola

    (@soyola)

    Well there are at least two CSS files
    wp-admin.css and my theme style.css Where do you add this code? Should I just add these anywhere at the end ? Also what happens if I want some of my images right or centered sometimes.

    You want the images to have padding in your theme, right? So why do we have to mention any other style.css?

    For the other question: I don’t have an answer at this moment for the rich text editor. I don’t really use it, so I’ll just have my modified Quicktags, where I could insert different classes for my images left-center-right.

    Thread Starter soyola

    (@soyola)

    Yes but where in my style.css ? Should I just add these code at the end or what? You’re probably realized by now that you’re talking to a newbie

    Everybody started as a “newbie” at a certain point in time ??
    Anyway, yes, I’d put it at the end of the style.css file of the theme – it is easier to find it if you want to modify something.

    Thread Starter soyola

    (@soyola)

    Thanks for your help. I will try it now.

    Thread Starter soyola

    (@soyola)

    This approach isn’t going to work because I found out all my images aligned left now including my footer counter image. Do you think the modified quicktags for previous version could work for this new version 2.0

    If you disable the RTE then the quicktags should appear. (To be honest I have 2.0 still only on testblogs…)

    Thread Starter soyola

    (@soyola)

    What is RTE ?

    Rich Text Editor – that wysiwyg stuff that you see in the Write panel in WP 2.0. You can disable it in your profile, bottom left corner.

    > This approach isn’t going to work because I found out all my images aligned left now including my footer counter image.

    Use this:
    .floatLeft {
    float: left;
    padding-right: 4px;
    padding-bottom: 4px;
    }

    Then in your img tag (which you want to align) add this attribute:
    class=”floatLeft”

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to insert image padding in new Worpress 2.0 when you align left?’ is closed to new replies.

Tags