Return to Support

Removing border on selected images

Home Forums Graphene WordPress theme Support Removing border on selected images

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9282
    sceptre8
    Member

    I know this question has been asked before but I didn’t understand the solution. I want to remove the border around certain images only and leave them on others. I know how to add custom CSS to get rid of all borders on all images.

    This was the solution in that specific question provided by Prasanna SP-

    Quote:
    Put those images within <div class="no-image-border">image</div> tag and use this CSS,

    .no-image-border .entry-content img, .no-image-border .child-page img {
    border: none;
    }

    I know how to add the custom CSS but I don’t know how to “Put those images within <div class="no-image-border">image</div> tag and use this CSS,”

    Can someone please explain in simple terms how to do it?

    Many, many thanks

    Peter

    #43225

    Since this isn’t purely a Graphene issue, I’ve written a brief tutorial here that offers a slightly different way. You will probably need to use the selectors Prasanna indicated, or something similar.

    #43226
    sceptre8
    Member

    Hi Kenneth

    That didn’t work so I just added this code to remove all borders

    #content .entry-content a img,
    #content .entry-content img {
    border: 0;
    }

    That looks OK to me.

    Thanks anyway

    Peter

    #43227

    You can use the way you mentioned in your original post, but it requires using the text editor. I assumed you were using the visual editor.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.