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

  • Resolved AnnaHavanna



    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):


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


    – Try using tool like Firefox with the Firebug add-on for this kind of CSS work.

    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!

    #content .gallery .gallery-icon img {
    	border-color: #006699;
    Moderator Matthew


    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;

    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:

    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;


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