• Resolved canadahradmin

    (@canadahradmin)


    I am trying to create seperation between the images I place and the text next to them. Anyone have code to put in to create maybe 8px of space?

    Here’s the link so you can see what I’m talking about

Viewing 7 replies - 1 through 7 (of 7 total)
  • once you post the link, I can look for more specific….but setting up padding for the img tags in your style.css will give your pics some breathing room!

    Thread Starter canadahradmin

    (@canadahradmin)

    the pic has 4px of padding already…but if you want to up that on the sides by 8px……you can do something like:

    at the bottom of style.css in your theme change

    #home_content img, .post_entry img, #content img, #single img {
    background: #eee;
    padding: 4px;
    }

    to

    #home_content img, .post_entry img, #content img, #single img {
    background: #eee;
    padding: 4px 12px 4px 12px;
    }

    adjust numbers as needed

    Thread Starter canadahradmin

    (@canadahradmin)

    Is there another way to do it without the padding? it messes up sociable at the bottom, and I want to be able to match the color no matter what the background. Is there a way to make it so after I insert an image, there is 5 transparent pixels?

    Is there a way to make it so after I insert an image, there is 5 transparent pixels?

    Yup….its called padding!!!!

    we just have to set it up right….I notice you are missing the default image stuff from your theme….

    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	}

    that shoul affect the post images without the others…. or anything else….

    Thread Starter canadahradmin

    (@canadahradmin)

    thanks that’s great

    @rev. Voodoo: I’ve been looking for this everywhere and your suggestion worked! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘text is too close next to the image’ is closed to new replies.