How can I make Logos Bigger on Logo Showcase Widget?

My images are quite small. is there any way I can play with sizing?? The ones I have available do not suit our needs.

PLEASE HELP

2 Likes

Hi @Barclay_Bellande :wave:

You can adjust the logo size on the Layout tab of your widget’s settings:


Please check it and let me know if it helped :slightly_smiling_face:

2 Likes

Used DeepSeek for help and solved my problem. We were not using Grid layout but Ticker and used css code:

/* Ensure parent containers allow for larger logos */
.eapp-logo-showcase-logo-inner,
.eapp-logo-showcase-logo-component {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

/* Resize logos */
.LogoComponent__Image-sc-6kutwo-0 {
    width: 300px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* Adjust spacing between logos */
.eapp-logo-showcase-logo-component {
    margin: 0 10px;
}

/* Center logos within their containers */
.eapp-logo-showcase-logo-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Disable hover scaling temporarily for debugging */
.eapp-logo-showcase-logo-inner:hover {
    transform: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .LogoComponent__Image-sc-6kutwo-0 {
        width: 300px !important;
    }
}

/* Grid layout adjustments */
.eapp-logo-showcase-grid-container {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px;
}

/* Ensure the widget container doesn't clip content */
div.eapp-logo-showcase-logo-showcase-content {
    overflow: visible !important;
}```
2 Likes

Hi @Barclay_Bellande :wave:

This setting is available for the Ticker as well. However, I am happy to see that you’ve found a way to customize the widget in a more detailed way. Many thanks for sharing the code with us :slightly_smiling_face:

If anything else comes up, we’ll be delighted to help!

1 Like