Skip to content

Commit 6ccb64f

Browse files
committed
Extract remaining post image and photo content styles
- Add post image position: relative for proper layering context - Include featured image link display: block for proper rendering - Add Grid Style 9 specific width/height: 100% for image links - Include fl-photo-content display: block for Beaver Builder integration - Apply .pp-content-post-grid parent scoping to prevent global conflicts
1 parent 6721fa3 commit 6ccb64f

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

themes/beaver/assets/css/utilities/components/powerpack/content-grid.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -294,4 +294,23 @@
294294

295295
.pp-content-post-grid .pp-content-post.pp-grid-style-9:hover .pp-post-featured-img img {
296296
transform: scale3d(1.1, 1.1, 1);
297+
}
298+
299+
/* Post Image and Photo Content General Styles */
300+
.pp-content-post-grid:not(.pp-css-grid) .pp-content-post .pp-post-image,
301+
.pp-content-post-grid .pp-content-post-carousel .pp-content-post .pp-post-image {
302+
position: relative;
303+
}
304+
305+
.pp-content-post-grid .pp-content-post .pp-post-image .pp-post-featured-img a {
306+
display: block;
307+
}
308+
309+
.pp-content-post-grid .pp-content-post.pp-grid-style-9 .pp-post-image a {
310+
width: 100%;
311+
height: 100%;
312+
}
313+
314+
.pp-content-post-grid .pp-content-post .pp-post-image .fl-photo-content {
315+
display: block;
297316
}

0 commit comments

Comments
 (0)