Removing border from post images

Viewing 4 replies - 1 through 4 (of 4 total)
  • wpfan1000

    (@wpfan1000)

    10 years, 4 months ago

    Hi,

    You can use “Inspect element” in Internet Explorer or Firefox – when viewing the page, just right click on it and select “Inspect element” – a window will open and at the top left will be a little box icon, click it and you can then select the post images, and “Inspect element” will tell you what the css is…..

    Also you can use the Firebug addon for Firefox.

    Cody

    (@stearns208)

    10 years, 4 months ago

    In your theme’s CSS file, replace this:

    .entry-content img,
.child-page img {
	border: 4px solid #e3e3e3;
	margin: 5px 0;
}

    with this:

    .entry-content img,
.child-page img {
	border: 4px solid #fff;
	margin: 5px 0;
}
    Thread Starter darrenackers9

    (@darrenackers9)

    10 years, 4 months ago

    Thank you both for your help. I plan to make the change this evening.

    wpfan1000

    (@wpfan1000)

    10 years, 4 months ago

    .entry-content img,
.child-page img {
	border: 4px solid #fff;
	margin: 5px 0;
}

    will make the border the same color as your background, but it will still be rendered, when it does not need to be. 

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

    http://www.w3schools.com/cssref/pr_border-style.asp

    or

    .entry-content img,
.child-page img {
	border: 0px;
}

    Will remove the border. It is more efficient to not show the border if you dont need it.

    http://www.w3schools.com/cssref/pr_border.asp

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

The topic ‘Removing border from post images’ is closed to new replies.