[eckh20]

Hi,

I’m wondering if there’s a way of rounding the corners on the images that go with the homepage featured content? Even better, is there a way to set rounded corners to any images you use on the site?

Also, if I add an image like here (http://gator3022.hostgator.com/~gmhrw/?page_id=12) is there a way of getting rid of the faint grey boundary line by default?

[Sakin]

@eckh20: For rounded corner, see this http://css-tricks.com/snippets/css/rounded-corners/

To remove the faint grey boundary line, you can just add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.entry-content img {
    box-shadow: none;
}

[eckh20]

Great, thanks, I no longer have the grey boundary line.

I tried the code that the css-tricks suggested but I haven’t had any luck – I’ve still got square corners. I’m using Google Chrome. My CSS box reads as:

.entry-content img {
box-shadow: none;
}

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
-khtml-border-radius: 10px;

.category .page-header { display: none; }

Any ideas? Thanks!

[Sakin]

@eckh20: If you want to make the image rounded corner in the content then the css will be as below:`.entry-content img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}`

[eckh20]

Ok, so now images in the content have rounded corners but my images on the home page that go with the featured content still haven’t. Any ideas?

http://gator3022.hostgator.com/~gmhrw/

[Sakin]

@eckh20: Here goes the css.

#featured-post img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

[Author]

Posts