Getting rid of Image Borders

  • Resolved chocolateshavings

    (@chocolateshavings)


    16 years, 11 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: https://www.chocolateshavings.ca)

    Thanks!

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

    (@otto42)

    www.ads-software.com Admin

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

    <link rel="stylesheet" type="text/css" media="screen" href="https://chocolateshavings.ca/wp-content/themes/K2 v096/style.css" />
...
<link rel="stylesheet" type="text/css" media="screen" href="https://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”.

    Try:
    border: 0px

    Thread Starter chocolateshavings

    (@chocolateshavings)

    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!

    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.