Frequently Asked Questions:
Q: How do I add a simple border around all my images that I post?
Q: How do I add a simple border around all my images that I post?
A: Open up “Stylesheet” (style.css) from within your WP admin area, under “Design (’Presentation’ in WP 2.3 and earlier)” –> “Theme Editor.” Scroll way down near the bottom of the file, around line 511, look for this big ugly-looking chunk of code.
body.search div.entry-content img,
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
margin: 15px 0;
text-align: center;
}
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
margin: 15px 0;
text-align: center;
}
Add the lines shown highlighted in red. Change the number of pixels or color code specified in the first red line to customize your border.
body.search div.entry-content img,
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
margin: 15px 0;
text-align: center;
padding:0;
border: 1px solid #666666;
}
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
margin: 15px 0;
text-align: center;
padding:0;
border: 1px solid #666666;
}
Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.
Does this fix still work? The code is different at 511 than it is here.
I NEED to make this fix. Thanks for the help.
One other thing: I looked through the FAQs (how I ended up here) and I can’t find the answer. I can’t get headings to bold in the main body of the blog. Is there a fix that I’m missing?
Thanks,
Travis
Travis – your stylesheet may look a little different, because of when you purchased. Try looking for a very similar looking couple lines of code. If you can’t find it, email me and I’ll try to help.
You can make headers bold by adding a CSS line that says:
font-weight:700;
to the style that affects the post titles.
This didn’t work for me. Any ideas why?
@Jes: it looks like you inserted your images using the gallery shortcode, and that you already turned off the borders for gallery images. that would explain why you’re not getting borders. if you insert images without the gallery code your borders will probably work.
thanks for this…. Done!!!!
it worked ok for me
i have added the simple border – but i would like the simple border to be white around my images – and the actual blog backround is white – how do i change the color of the backround to another color so you can see my blog border or add another slight border to that one so that it the border will show up?
@maya: if you want to change the background of the blog, try this post.
In CSS it’s not possible to add two colors of border around your image. If you really wanted to do that, you’d need to do it in Photoshop before you uploaded the image.
My problem is same as Travis’
I have this around that area:
/* LINE 507 */
.error404 {
margin-bottom: 40px;
}
body.s-y2007 div.entry-content img,
body.s-y2006 div.entry-content img,
body.s-y2005 div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
padding: 15px 0;
text-align: center;
Are there updates available for the theme?
@tonee: why don’t you try copying the all of the css from the post (the second chunk, with the red) and pasting it into a new line at the VERY BOTTOM of your stylesheet. that should work.
there is not an update available, you have the most recent version. sometimes the line numbers get off if you’ve made some custom additions to the css.
is there any way to make this border a drop shadow border instead of a solid color?…like the one seperating the main page and the backround?
@Heather: nope, not really. CSS can’t do that. if you wan’t a snazzy border like that, you’ll have to add it in photoshop first, as part of the image.
I currently have a pink border around my images within each post. Don’t know how to remove it. I tried the opposite of your suggestions above, but doesn’t work. I know I’m missing something simple. Thank you.
@Mikael: i don’t see the pink border on your blog. did you get this figured out?
Hey Jared,
I upgraded and I can’t seem to get my black borders (around my images) visable again. I added the second block of text (with red) to my stylesheet, but it didn’t do the trick. Any advice?
Thank You!
good morning. I know it is not in line with your post, but I am watching your blog with my wife’s new HTC but your post won’t display in the correct fashion, do you have any ideas? Do you have a mobile theme for your site, if so can you please check it is not broken and everything is in order at your end. In the meantime I will look at a few of my other favourite blogs to make sure it isnt only my device. Thanks buddy.
I really Could you demonstrates this one is refreshing for my specifically email me.
pippa butt lift, pmma injections, hydrogel injections, maca root, gluteal enlargement, fix-a-flat injections, bigger booty, pippa middleton butt exercises…
[...]» Q: How do I add a simple border around all my images that I post? Jared’s ProPhoto Tips[...]…