Inserting and Formatting Images in Wordpress

[kevb8ll]

Hi guys, I hope this is the correct place.

I have a problem with my site, in that all inserted images are forced left justified.

I posted on the WP forum and someone showed me this code:

/* Begin Images */
.png { behavior: url(http://weswapu.com/swap/wp-content/themes/mandigo/js/iepngfix.htc.php?blank=http://weswapu.com/swap/wp-content/themes/mandigo/images/1x1.gif); }

p img { max-width: 95%; }

.entry img {
float: left;
margin: 3px 10px 3px 0px;
background: #fff;
border: 1px solid #333;
padding: 3px;
}

img.nofloat, img.nowrap, .nofloat img, .nowrap img, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }

.entry img.wp-smiley {
border: 0;
padding: 0;
margin: 0;
background: transparent;
}

img.noborder {
background: inherit;
border: 0;
padding: inherit;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}

img.alignright, img.alignleft {
display: inline;
}

.alignright { float: right; }

.alignleft { float: left }
/* End Images */

I want some images left, some right.

The same person then told me to do this:

You just need to use the classes (as I said above) to position your images.

I assume all your posts/entries are inside a div class "entry" and inside that ALL your images ae floated to the left, by default - see the
.entry img { etc....
rule in your stylesheet.

Next, if you want your image centered, you add the "centered" class to the code:
<img src="whatever.jpg" class="centered" alt="" />
For right:
<img src="whatever.jpg" class="alignright" alt="" />
Also, you can add the class "noborder" if you wish so.

The thing is, I'm new to this and my response of asking for clarification was greated with if you want to maintain a site find out how to do it. Well that's what I thought I was doing!!

Anyway - can anyone help understand what I need to do and where the first style sheet info is as I can't find it.

Thanks.

[QiSoftware]

I think what the helper was trying to say is it is kind of trial and error. Make backups of your original template and css files. To find the name of your css file search on css while viewing your blog's source.

You may also try an override within the post:


<div>

<img src=whatever.jpg align="right"> text of the blog post....

</div>

Q...

[kevb8ll]

I think what the helper was trying to say is it is kind of trial and error. Make backups of your original template and css files. To find the name of your css file search on css while viewing your blog's source.

You may also try an override within the post:


<div>

<img src=whatever.jpg align="right"> text of the blog post....

</div>

Q...


Thanks Q - I tried the div work around and that was no good.

I can only find 2 css files, neither of which have the above - however matey from the other forum must have found something!

Doing my head in.

[Valve-Hosting]

It's this

p img { max-width: 95%; }

.entry img {
float: left;
margin: 3px 10px 3px 0px;
background: #fff;
border: 1px solid #333;
padding: 3px;
}

It's forcing all imgs to float to the left.

Delete

float:left;

;)

[kevb8ll]

Thanks for replying, my problem is I can't find that section of code to remove the float command.

Does anyone know where I'd find it.

As I said the only css files I can find don't have it in.

[Valve-Hosting]

Give me the URL and i'll find it for you ;)

[kevb8ll]

Give me the URL and i'll find it for you ;)



Thanks for that.

[Valve-Hosting]

It's in a file called 'style.css.php' in a folder called


;)

[kevb8ll]

Thanks very much