Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #173847

    I’ve made some custom modifications to a portfolio grid so that it looks like this:


    As you can see, each grid entry has a 1px right border. It is not in the image, and it doesn’t appear on the iPad – only on desktop browsers. (The screen shot was taken in Firefox 24.0.)

    Here’s the code for the actual page:

    <div width=”90%” style=”background:#ffffff;margin:-20px 25px 0px 25px;padding:0px 0px 10px 10px;”>
    [av_portfolio columns='4' items='-1' contents='no' preview_mode='auto' image_size='portfolio' linking='' sort='no' paginate='no']

    And here is the custom CSS for the portfolio:

    #top .grid-entry .inner-entry {
    margin-right: 10px;
    box-shadow: none !important;

    #top .flex_column {
    margin-bottom: 0px;
    margin-right: 10px;

    .responsive #top .flex_column {
    margin-bottom: 0px !important;

    Any thoughts? Thanks!


    Hey tcctemp!

    Can you post the link to your website?

    Best regards,

    This reply has been marked as private.


    Please add this on your custom.css or Quick CSS:

    .main_color.inner-entry {
    background: none;

    The border seems to be visible only when you zoom out the website.

    Best regards,


    That’s it! Thanks so much.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Portfolio – Strange right border on individual entries’ is closed to new replies.