Portfolio shortcode display

Home › Forums › Automattic › Photo Blog › Portfolio shortcode display

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 23, 2019 at 7:46 pm #164942 Resolve

    Suzy Shipman

    I’m trying to set up portfolio pages, with the Photo Blog theme. The featured images for the projects are showing up enlarged and overlapping each other. They look ok for a moment when you load the page, then something kicks in that makes them overlap. I’m trying to work out what is causing this but can’t see why it’s doing this.

    The individual projects look fine and the main portfolio page displays ok – it’s just when I try to put the shortcode into a page.

    Example of the problem: https://blog.suzyblue.org.uk/suzy-blues-nature-guide/wildflowers/

    Portfolio page is fine: https://blog.suzyblue.org.uk/portfolio/

    Individual project is fine: https://blog.suzyblue.org.uk/portfolio/barren-strawberry/

    Hope you can help as I don’t want to have to change my theme – I really like this one :)

    • This topic was modified 1 year, 6 months ago by  Suzy Shipman.
    The blog I need help with is blog.suzyblue.org.uk
    April 24, 2019 at 1:18 pm #164944

    Suzy Shipman

    I’ve managed to fix it up with custom CSS. In case it’s useful to anyone else I added the following:


    .fullbleed {
    margin-left: 0 !important;
    max-width: -webkit-fill-available !important;
    width: unset !important;
    }

    April 25, 2019 at 2:52 pm #164948

    Mike

    Hi there,

    >I’ve managed to fix it up with custom CSS. In case it’s useful to anyone else I added the following:

    Nice work finding a solution! Unfortunately, the -webkit-fill-available declaration won’t work in all browsers. Here’s a some CSS that will solve the problem for all visitors:

    .hentry img.fullbleed {
    margin-left: 0;
    max-width: 100%;
    }

    I hope this helps!

    April 27, 2019 at 7:45 am #164953

    Suzy Shipman

    Thank you Mike, I’ve put that in place and it’s working great :)

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Portfolio shortcode display’ is closed to new replies.