Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 20, 2013 at 2:55 pm #10754
    eckh20
    Participant

    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?

    June 22, 2013 at 1:07 am #10816
    Sakin
    Keymaster

    @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;
}
    June 22, 2013 at 2:23 am #10830
    eckh20
    Participant

    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!

    June 22, 2013 at 5:15 pm #10844
    Sakin
    Keymaster

    @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 */
    }`

    June 22, 2013 at 6:34 pm #10846
    eckh20
    Participant

    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/

    June 22, 2013 at 8:51 pm #10855
    Sakin
    Keymaster

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounding corners on Homepage Featured Content images’ is closed to new replies.