Portfolio shortcode display

Tagged: portfolio

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 3 years, 5 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