Images in Wordpress

[Barney McGrew]

In my ongoing learning curve with WP, I am playing with different themes and getting better at making them more functional. However, I have come across a bit of a stumbling block which is slowing me down. On many of my pages, I have an image in the top right corner, just to break the page up and also give some indication as to the page content and relevance.

On my current theme, the page background is white which causes no issues with my pictures etc as it appear that most that I bought have white backgrounds. I now have a background which is a different colour (greyish) which now makes the images stand out. Now I am no no expert on fixing this but believe I will either have to change them all to the same background or make them transparent, neither of which I have any experience in.

Can anyone offer any suggestions as to how I can make this process easier. I realise I could change the CSS of the new theme to make the page background white which would solve it, but there would be too much white then, the grey actually works.

Alternatively, how hard would it be for some CSS to be put together that would add a nice border to the images by the use of a shortcode etc?

Any help as usual would be appreciated.

[Rosco]

Code:

#post img {
 border: 1px solid #f00;
 }

(where #post is the element/div that contains the image)

?

[Barney McGrew]

Cheers Rosco. Not sure hat I do with that. I presume I add it tot he style sheet ? My current theme just allows me to add the [image_right] and it adds it all with a nice looking border. If only everything was so simple. I looked into copying across the shortcode but that appears to be an absolute nightmare

[Mr Anderson]

Link? (To an example image showing what you want.)

[suedenem]

Cheers Rosco. Not sure hat I do with that. I presume I add it tot he style sheet ? My current theme just allows me to add the [image_right] and it adds it all with a nice looking border. If only everything was so simple. I looked into copying across the shortcode but that appears to be an absolute nightmare

Yes, add it to your stylesheet.

Try

Code:

.page img { border: 1px solid #f00; }

as most of your pages are, umm, pages.