Tagged: ,

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

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

    portfolio

    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']
    </div>

    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!

    #173927

    Hey tcctemp!

    Can you post the link to your website?

    Best regards,
    Yigit

    #174258
    This reply has been marked as private.
    #174495

    Hey!

    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,
    Ismael

    #175081

    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.