Support » Themes and Templates » Changing the color of image borders

  • Resolved AnnaHavanna

    (@annahavanna)


    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)

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

    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!

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

    (@kidsguide)

    Volunteer Moderator

    You post CSS codes in the custom CSS box

    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!

    /* 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;
    }

    Thanks!!!

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