[slu41]

Hi I want to add some style to to my image galary in the portfolio page to make them pop out and look fashion, such as adding a frame or shadow to the featured image, just like these two portfolio,
http://jasonliudesign.com/
http://neowudesign.com/index.html
How to do that?

[ahmetsali]

Hi, you can try this custom css code;

.portfolio-items .media-cell-desc {
    background: #FAFAFA;
}

[slu41]

Thank you! I tried this, but it only worked for Safari, and there is no change on chrome, do you know how to solve the problem of different browser?

And I want to add a frame to the portfolio image grid, like a simple border. How to do that?

[ahmetsali]

i just checked the code and it should be working on chrome or any browser,

– add a frame to the portfolio image grid;

.portfolio-items .media-box {
    border: 5px solid #345;
}

[slu41]

Thank you!
Sorry maybe my description was not accurate enough.
But I mean not only the image of the portfolio, it was the whole unit of a work, including the image, the words below the image and the small white background. i want a border of the whole unit.
How can I make the units like the ones in these two websites?
http://jasonliudesign.com/
http://neowudesign.com/index.html

[ahmetsali]

Hi again, since we used padding to give space between items, you can’t style the whole item box, but you can style the top part(image) and bottom part of the item separately;

to style bottom part of the items you can use this custom css code;

.portfolio-items .media-cell-desc {
    background: #eee;
}

[slu41]

thank you. so how to remove the round chamfer of the bottom part frame? I want them right angles.

[ahmetsali]

you can try this custom css code;

.media-cell-desc {
    border-radius: 0;
}