• Resolved MyHairWebsite

    (@myhairwebsite)


    Is it possible to add a border to the thumbnail images on the front page? I have tried using CSS on each of the following tags but it did not work:

    #portfolio .portfolio-item img

    #portfolio .thumb

    #portfolio .portfolio-item

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter MyHairWebsite

    (@myhairwebsite)

    Both of the tags below worked when I tried them a second time. I must have typed something wrong the first time I tried them.

    #portfolio .portfolio-item img

    #portfolio .thumb

    Theme Author Devin Price

    (@downstairsdev)

    The update coming out today will change this slightly. You’ll want to use something like:

    .portfolio-view .entry-content img { border:2px solid #000 }

    I have tried adding a border to the thumbnail quite a few way in the edit css and it still doesn’t seem to be working. What am I doing wrong?? My site is https://www.michellecrenny.com. This is what I’ve tried:

    .portfolio-view #content .hentry {
    border: 6px solid #000000;
    }

    .portfolio-image {
    display: block;
    margin-bottom: 15px;
    border: 6px solid #000000;
    }

    #portfolio .thumb {
    border: 6px solid #000000;
    }

    #portfolio .portfolio-item img {
    border: 6px solid #000000;
    }

    .portfolio-view .entry-content img {
    border: 2px solid #000;
    }

    Theme Author Devin Price

    (@downstairsdev)

    This works for me:

    .portfolio-view .hentry img { border: 10px solid #000; }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add Border to Thumbnail Images’ is closed to new replies.