-
Posts
-
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, 9 months ago by
.
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;
}
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!
Thank you Mike, I’ve put that in place and it’s working great :)
-
This topic was modified 3 years, 9 months ago by
The topic ‘Portfolio shortcode display’ is closed to new replies.
Theme Support 