/* Force InLinkz legacy widget into exactly 4 columns */ .inlinkz-widget-container, #inlinkz-wrapper, .il-container { display: flex !important; flex-wrap: wrap !important; gap: 2% !important; width: 100% !important; } .inlinkz-widget-container .link-item, #inlinkz-wrapper a, .il-item { /* 23.5% width leaves a 2% gap between the 4 columns */ width: 23.5% !important; box-sizing: border-box !important; margin-bottom: 15px !important; } /* Make images scale down to fit the column width */ .inlinkz-widget-container img, #inlinkz-wrapper img, .il-item img { width: 100% !important; height: auto !important; display: block !important; } /* Responsive adjustment for mobile screens (2 columns) */ @media (max-width: 600px) { .inlinkz-widget-container .link-item, #inlinkz-wrapper a, .il-item { width: 49% !important; /* Drops to 2 columns on phones */ } }
No comments:
Post a Comment
We love reading your comments! Thank you!