Getting rid of Image Borders

  • Resolved chocolateshavings

    (@chocolateshavings)


    16 years, 4 months ago

    Hi everyone

    I’ve been trying to get rid of the default borders around images. I’ve tracked down the ‘entry content img’ tag in the css file and changed it to :

    .entry-content img {
	margin: 0 5px;
	padding: 4px;
	border: none;
	max-width: 100%;
	}

    And nothing works! The weirdest part is, when I do the same thing on ‘dry’ local version of my site, it works! Help!?

    (the site is: http://www.chocolateshavings.ca)

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    16 years, 4 months ago

    You’re using the K2 theme. It has more than one stylesheet…

    <link rel="stylesheet" type="text/css" media="screen" href="http://chocolateshavings.ca/wp-content/themes/K2 v096/style.css" />
...
<link rel="stylesheet" type="text/css" media="screen" href="http://chocolateshavings.ca/wp-content/themes/K2 v096/styles/oliver/style.css" />

    If you look at /wp-content/themes/K2 v096/styles/oliver/style.css , you’ll find this:

    .entry-content img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}

    There’s your other “solid”.

    Null

    (@null)

    16 years, 4 months ago

    Try:
    border: 0px

    Thread Starter chocolateshavings

    (@chocolateshavings)

    16 years, 4 months ago

    AHH! That makes *perfect* sense! And the reason it worked on my local version was because I edit my local version directly using the ‘oliver/style’ css! Thank you so much!

    naomikyarorin

    (@naomikyarorin)

    16 years, 3 months ago

    What if i want to have some image with border and some image without border?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Getting rid of Image Borders’ is closed to new replies.