I found the below css that does add space between a portfolio grid how I want it, but it also pushes down the first image on any masonry gallery on other pages.
How would I change this css to only impact the main portfolio page with the portfolio grid and not other masonry galleries on different pages?
#top .isotope-item {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
Hey gekkie96,
You would need to add the page id which can can be found using the browser inspector.
Best regards,
Jordan Shannon
I tried adding the page id and it made the css stop working all together.
This is how I added it, let me know what needs to be changed to make it work?
#top .page-id-12 .isotope-item {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
Hi,
Please provide a link to the site/page in question so we can look into this issue further
Best regards,
Jordan Shannon
I’m working local, so I cannot.
If you could just let me know how I would modify the css and I will let you know if it works.
#top .page-id-12 .isotope-item {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
Hi,
Try and remove top:
.page-id-12 .isotope-item {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
Best regards,
Jordan Shannon
That was it, thank you.
Hi,
No problem. I’m happy to help. If you need anything else, please let us know here in the forums.
Best regards,
Jordan Shannon