Changing the color of image borders

  • Resolved AnnaHavanna

    (@annahavanna)


    10 years, 11 months ago

    Hi,

    I’d like to change the color of image borders from the light grey to my custom dark blue.

    I tried this code in my style.css, but it doesn’t work:
    .img.images { border-width: 2px; border-style: solid; border-color: #006699; padding: 3px; margin-bottom: 13px; }

    My site (Twenty Eleven Child Theme):
    http://goo.gl/03sHi

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator t-p

    (@t-p)

    10 years, 11 months ago

    – Try using tool like Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/

    Thread Starter AnnaHavanna

    (@annahavanna)

    10 years, 11 months ago

    I am already using Firebug. I am a newbie and I am learning CSS at the moment. But I cannot figure out what to do. Thanks!

    paulwpxp

    (@paulwp)

    10 years, 11 months ago

    img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border-color: #006699;
}
    Matthew

    (@kidsguide)

    10 years, 11 months ago

    You post CSS codes in the custom CSS box

    Thread Starter AnnaHavanna

    (@annahavanna)

    10 years, 11 months ago

    Thanks. While waiting I created a new image class called “teamfotos” and added the following code with similar success:

    img.teamfotos {
	border: 1px solid #006699;
	padding:1px;
	}

    But in both cases I only create a border around my images. My aim is to change the bold light grey background around each image:

    http://apotheke-sauter.de/team/

    Thanks for help!

    paulwpxp

    (@paulwp)

    10 years, 11 months ago

    /* caption background color */
.wp-caption {
	background-color: blue;
}

/* caption text color */
.wp-caption p.wp-caption-text,
.wp-caption .wp-caption-text:before {
	color: red;
}

/* caption image border color */
.wp-caption img {
	border-color: pink;
}
    Thread Starter AnnaHavanna

    (@annahavanna)

    10 years, 11 months ago

    Thanks!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the color of image borders’ is closed to new replies.

Tags