automate the spacing around all inserted images in posts?

  • Unknown's avatar

    I have spent many days looking for a solution to this, and I suspect it’s as simple as adding a few lines of code to the CSS stylesheet…but i just can’t find the answer.

    Since migrating my blog from Blogger to WordPress, I’ve had to tweak many of my posts due to font issues and links to the blogger image storage…eventually want to have the links changed to my storage for WordPress, so not sure about finding a quicker way to do that…..

    but my main concern right now is this:

    When I insert an image in a post, i have to go through all these steps–inserting the image, then opening editor back to the advanced setting to add vertical and horizontal space, etc. It can be very time-consuming when you use lots of images, and you always use the same settings for every image. I want to have a default setting in the code that will always give my images a 10px space between the image and the wrapping text, rather than having to do it manually for each image in every post. Does anyone know how i can streamline this process to save time and effort?

    Any advise is appreciated.
    Jae

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    sorry, forgot—-I’m using newest WP version, the Browne theme (tweaked), and my blog is at http://jaebaeli.com/blog/

  • Unknown's avatar

    You are posting to the wrong support form. synaptic circus is not a free hosted WordPress.com blog with a custom design upgrade and those are the only blogs we provide support for on this forum. It’s a WordPress.org install and you must post to http://wordpress.ORG/support/ We cannot help you here at all with that site. Please read this for clarity > WordPress.com vs WordPress.org: The Differences

  • Unknown's avatar

    That’s definitely doable with a little CSS. Do post on the http://wordpress.org/support/ forums. To start you out, try this and then make sure to figure out exactly what selectors you want to add the margin to:

    .post-thumb {
        margin-right: 10px;
    }

    Try hitting up this guide to learn a little more about paddings and margins: http://www.htmldog.com/guides/cssbeginner/margins/

    Or this one to learn about selectors: http://www.htmldog.com/guides/cssbeginner/selectors/

  • The topic ‘automate the spacing around all inserted images in posts?’ is closed to new replies.