How to remove the window frame of an image?

  • satimis

    (@satimis)


    10 years ago

    Hi all,

    Please advise how to remove the window frame of an image. It is a thin line enclosing the image.

    Thanks

    Rgds
    satimis

Viewing 11 replies - 1 through 11 (of 11 total)
  • Michael Smith

    (@msmith993)

    10 years ago

    You can add edit the CSS to remove the border around the image.

    you can try

    img {
    border: 0 none;
    }

    but i would need a link to the site to be sure

    Thread Starter satimis

    (@satimis)

    10 years ago

    Hi,

    Here is the link;
    http://classic.satimis.com/heidenroslein-rose-on-the-heath/

    I expect to remove the hair-line frame around all images.

    Thanks

    Rgds
    satimis

    Michael Smith

    (@msmith993)

    10 years ago

    Here you go:

    img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon img {
    border: none;
    }

    Plug the above code into the custom css of your child theme. That should solve your problem.

    Let me know if it give you any trouble.

    Thread Starter satimis

    (@satimis)

    10 years ago

    Hi,

    Thanks for your advice which works for me.

    Please explain the function of;
    img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon
    ?

    Thanks

    Rgds
    satimis

    Michael Smith

    (@msmith993)

    10 years ago

    They are attribute selectors. Take a look at this for more information.
    http://css-tricks.com/attribute-selectors/

    Thread Starter satimis

    (@satimis)

    10 years ago

    Hi Michael,

    Thanks

    satimis

    Thread Starter satimis

    (@satimis)

    10 years ago

    Hi Michael,

    A further question.

    The command seems not perfectly working on following site;
    http://opera.satimis.com/georges-bizet/

    The hair-line frame is semi-visible

    satimis

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years ago

    So this is regarding your slider plugin?
    http://wordpress.org/support/plugin/cimy-header-image-rotator#postform

    Thread Starter satimis

    (@satimis)

    10 years ago

    I’m running TwentyEleven/TwentyElevenChild theme (Active). I have TwentyEleven-Cimy installed but not activated.

    Hereunder is style.css

    /*
Theme Name:     Twenty Eleven Child
Theme URI:      http://piano-02.satimis.com/
Description:    Child theme for the Twenty eleven theme
Template:       twentyeleven
Version:        0.1.0
*/
@import url("../twentyeleven/style.css");
#branding {
    border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
	background: #6cc996;
}
#site-description {
    color: #ffff5b;
	font-size: 14px;
	font-weight:bold;
	margin: 0 270px 3.65625em 0;
}
#site-title a {
    color: #2961d1;
}
#primary {
    float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
	background: #c7f9e2
}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: none;
}

    satimis

    Michael Smith

    (@msmith993)

    10 years ago

    If you are talking about the carmen_large image than the image itself has as black edge due to a drop shadow. You will need to photoshop that out to remove it. In addition there is a feint border, but adding the following code to you custom css file will get rid of it.

    img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon img {
    border: none;
    }

    Thread Starter satimis

    (@satimis)

    10 years ago

    Hi,

    I see. Thanks

    satimis

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to remove the window frame of an image?’ is closed to new replies.