Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* BBOG Featured grid layout (keep it minimal) */
.bbog-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px;
margin-top:20px;
}
@media (max-width:700px){
.bbog-grid{ grid-template-columns:1fr; }
}
/* --- THE ONLY FIX YOU WANT: remove the panel behind images --- */
/* Citizen/MediaWiki wrap images in figure/thumb containers. Strip their "panel" styling
ONLY inside the featured image area, so buttons/links keep their look. */
.bbog-featured-img figure,
.bbog-featured-img figure[typeof*="mw:File"],
.bbog-featured-img .thumb,
.bbog-featured-img .thumbinner,
.bbog-featured-img .mw-file-element,
.bbog-featured-img .mw-file-description,
.bbog-featured-img a.image {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 auto !important;
border-radius: 0 !important;
}
/* Ensure the image itself is still responsive/nice */
.bbog-featured-img img{
display:block;
width:100%;
height:auto;
max-width:560px;
margin:0 auto;
border-radius:14px;
}