Make Your Image Thumbnail Gallery Have Shadow

  • vapbulous

    (@vapbulous)


    11 years, 9 months ago

    I’m, noob, i just find how to make image on gallery in wordpress have shadow (just image on gallery thumbnail ), it will looks more beautiful. so i want to share.

    1. On your admin wordpress choose Appearance –> Editor
    2. Make sure you are on Minamaze Themes, go to Style.css
    find this word

    #content .gallery a img {
    border: 2;
    }

    3. Add the code like this

    #content .gallery a img {
    border: 2;
    -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;
    }

    Done! ^^

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter vapbulous

    (@vapbulous)

    11 years, 9 months ago

    i just forget, this is my link you can see http://www.vapbulous.com (jual rokok elektrik)

    Thread Starter vapbulous

    (@vapbulous)

    11 years, 9 months ago

    after update to wordpress 4.0 i lose it and i can’t do the same
    but i try this one and works

    go to your media.php on FTP at wp-include folder , open media.php and changes to be like this (first search the words “.gallery-item”

    #{$selector} .gallery-item {
    float: {$float};
    margin-top: 10px;
    text-align: center;
    width: {$itemwidth}%;
    }
    #{$selector} img {
    border: 1px solid #7c7c7c

    #{$selector} img {
    border: 0px solid #7c7c7c;
    -webkit-box-shadow: 2px 2px 2px #7C7C7C;
    box-shadow: 2px 2px 2px #7C7C7C;
    }
    img:hover{
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

    http://www.vapbulous.com <– check here

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Make Your Image Thumbnail Gallery Have Shadow’ is closed to new replies.